官方适配建议

北京环球度假区APP

- iPhone Duo适配方案

控件随屏幕形态调整位置,为内容留出空间

  • 控件应随屏幕形态调整位置,不是一直保留在侧边

    导航栏、工具栏和标签栏在外屏及内屏横向时沿侧边排列;内屏竖向时保留横向排列,因为此时垂直空间充足。

  • 控件移至侧边时,应明确上下层级与分组

    返回、关闭等主要导航操作位于顶部,其后安排“完成”等突出操作;原顶部工具栏中的项目靠近上部,原底部工具栏及标签栏中的项目靠近下部,并保留清晰的分组。

  • 根据控件内容,选择图文形式与排列方向

    竖栏宽度固定,更适合图标型控件。纯文字按钮、复杂控件,以及购物车金额等具有独立含义的信息,通常保留横向展示;图标型控件也应提供清楚的名称,供展开状态和更多菜单使用。

  • 空间不足时,按页面用途决定取舍

    以导航为中心的页面,优先保留标签栏;以任务为中心的页面,可优先保留工具栏中的高频操作。其余项目按分组和优先级进入更多菜单,重要状态提示尽可能保持可见。

侧边控件示意
侧边控件示意:由上至下为灵动岛、状态栏、工具栏和标签栏。

官方介绍