iPhonex爱奇艺全屏是什么样子？iPhonex爱奇艺什么时候适配？[图]

iPhonex爱奇艺全屏播放是什么样子？iPhonex没有爱奇艺的适配吗？自从iphonex出来以后吐槽不止。最近人用iphonex在爱奇艺上看视屏也是非常的苦恼的，下面给大家看看！

iphonex看爱奇艺效果图

iphonex看爱奇艺适配，大家还是要耐心等待官方的答复！

适配背景介绍

iPhoneX与其他iOS设备(iPhone 6、7、8)对比

现在让我们来看一下iPhoneX比iPhone8多出的145points都多在了哪里。

首先，对于iPhone8来说，虽然屏幕高度有667points，但是顶部的20points是系统的状态栏，不是提供给应用程序的，只有下方的647points可以供应用程序使用;

而iPhoneX，顶部的44points都是状态栏区域(虽然刘海的高度为30points，但是导航栏不可能紧贴刘海边缘，开发同学还留出了14points的状态栏边距)，是不可用的，下方34points的HomeIndicator也是不可用的，只有中间safe area的734points可供应用程序使用，相当于比iPhone8实际可用区域高出了87points。

那么也就是说，Status Bar由原先20增长为44，底部新增34pt HomeIndicator。但是顶部包括刘海在内的44pt和底部HomeIndicator的34pt是不建议使用的，这是危险区域，页面元素可能会被圆角和HomeIndicator遮挡;应该将页面布局在这之外的安全区域中。

iPhoneX适配最佳实践

拓展两个限制区域Frame

针对iPhoneX适配，开发同学拓展了两个限制区域Frame：nvStatusBarFrame，nvHomeIndicator，如下图所示：

现在让我们来看一下iPhoneX比iPhone8多出的145points都多在了哪里。

首先，对于iPhone8来说，虽然屏幕高度有667points，但是顶部的20points是系统的状态栏，不是提供给应用程序的，只有下方的647points可以供应用程序使用;

而iPhoneX，顶部的44points都是状态栏区域(虽然刘海的高度为30points，但是导航栏不可能紧贴刘海边缘，开发同学还留出了14points的状态栏边距)，是不可用的，下方34points的HomeIndicator也是不可用的，只有中间safe area的734points可供应用程序使用，相当于比iPhone8实际可用区域高出了87points。

那么也就是说，Status Bar由原先20增长为44，底部新增34pt HomeIndicator。但是顶部包括刘海在内的44pt和底部HomeIndicator的34pt是不建议使用的，这是危险区域，页面元素可能会被圆角和HomeIndicator遮挡;应该将页面布局在这之外的安全区域中。

iPhoneX适配最佳实践

拓展两个限制区域Frame

针对iPhoneX适配，开发同学拓展了两个限制区域Frame：nvStatusBarFrame，nvHomeIndicator，如下图所示：

锚点名称	含义
homeIndicatorHeight	iPhoneX底部指示符区域高度
homeIndicatorLeft	iPhoneX底部指示符区域左边距
homeIndicatorRight	iPhoneX底部指示符区域右边距
homeIndicatorWidth	iPhoneX底部指示符区域宽度
safeBottom	UIView安全区域Bottom锚点
sensorHeight	iPhoneX“刘海”高度
statusBarHeight	状态栏高度，iPhoneX为44pt，其他机型为20pt
statusBarMargin	状态栏边距，iPhoneX为14pt，其他机型为20pt

 

TabBar适配案例

系统TabBar，则不需要适配

自定义TabBar，需要按照下图方式适配

Tags：