转载

iPhone X适配需要注意事项

  • 本文为CocoaChina网友yave投稿

iPhone X适配需要注意事项

来自iPhoneX适配

What

iPhoneX引入的问题:

1.高度变化(相对于iPhone6/7/8增加了145pt)

2.四个圆角

3.顶部传感器部分

4.底部回主页(或切换app)标识

5.安全区域引入(顶部44pt,底部34pt)

How

开发注意事项

1.布局使用安全区域,系统控件(UINavigationBar,Tables,collections)均提供了自适应。

3.不能写死statusbar高度,应依赖设备而改变

4.不建议在iPhoneX上隐藏statusbar(除非需要替换为别的有用信息)

5.避免在特别四角,顶部传感器,底部标识部分有用户交互(底部已经有appswitch/gotohome手势,四角和传感器部分交互困难)

6.不要遮挡或者特殊修饰四角,传感器和底部标识部分(比如用黑色区域隐藏掉传感器两边)

7.避免使用系统层级的屏幕边界手势

8.建议自动隐藏底部标识

适配注意事项

1.添加1125*2436px@3x的LaunchImage,适配屏幕尺寸

2.检查调整布局使用安全区域

3.将写死的statusbar高度,改成由设备决定(20ptor44pt)

4.将隐藏statusbar的地方在iPhoneX上改为不隐藏

5.边界交互避免

6.如果有系统级别window手势交互,考虑去掉,或者注意与底部手势区分

参考

HumanInterfaceGuidelinesiOS

SupportingiPhoneX

SafeAreaLayoutGuide

正文到此结束
Loading...