iPhone X的圆形边缘对具有底部工具栏或标签的混合应用程序有何影响?

时间:2017-09-12 20:32:58

标签: ios iphone cordova ionic-framework

根据IOS开发者网站的说法,Apple提供的UI元素会自动适应新手机附带的新布局。因此,浏览器应用程序也应该正常工作,而不会留下圆角后半切的基本按钮。但是在Cordova容器中运行的混合应用程序呢?他们如何适应iPhone屏幕的新形状?

ios human interface guidelines for ip x

ionic dev guide for bars

1 个答案:

答案 0 :(得分:3)

只需通过interface guidelines阅读新的iPhone X,我就会说全屏webview上的所有元素(包括底部标签)都在边缘被切断:

  

在设计iPhone X时,必须确保布局填满屏幕,并且不会被设备的圆角,传感器外壳或用于访问主屏幕的指示器遮挡。

但正如Apple为其原生UI元素做的那样,Ionic也可能会为他们的UI元素提供解决方案(如果需要)。

他们还提到已经有一个模拟器,所以你应该能够尝试自己发生的事情:

  

在iPhone X上预览您的应用。您可以使用模拟器(Xcode附带)预览您的应用并检查剪辑和其他布局问题。