小黑游戏最新手机游戏下载平台

手游资讯 游戏产业 单机补丁 单机工具 单机资讯 游戏视频 游戏美图 最近更新 热门排行
您现在的位置:首页 > 手游攻略 > 综合攻略 > iPhonex爱奇艺全屏是什么样子?iPhonex爱奇艺什么时候适配?[图]

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

2018-01-25 00:17:26作者:佚名来源:本站整理浏览:1342

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,需要按照下图方式适配

推荐阅读

快播 合集

智能h3输入法合集

非主流相机合集

周易起名软件注册码合集

鲨鱼影视合集

抖音短视频合集下载

Tags: 责任编辑:小黑游戏
六台宝典2019手机客户端下载v3.0
类型:金融平台 大小:15.07 MB 版本:v3.0 时间:10-13
立即下载

相关下载

  1. 懂片帝app网址懂片帝app网址

    13.8 MB | 10-04

    下载
  2. 金宝棋牌官网金宝棋牌官网

    38.87 MB | 10-03

    下载
  3. 亚博app官网下载v3.6亚博app官网下载v3.6

    26.8MB | 10-03

    下载
  4. ZAO换脸app 1.0.0 安卓版ZAO换脸app 1.0.0 安卓版

    71.95 MB | 10-03

    下载
  5. 灵鸽app下载灵鸽app下载

    v2.8.2 | 09-27

    下载
'); })();