用途:这是一个设计类技能,不是实现类技能;用于评审或设计 iPhone Duo 的 iOS 界面。涉及 API 时需参考同系列其他技能。
核心原则:一个应用自适应,而非多套设计拼接。功能不得绑定姿态,任一姿态可达的功能在所有姿态都应可达;层级在各屏之间保持一致。按紧凑宽度(外屏)与常规宽度(内屏)两个尺寸类设计,避免固定宽度、断点或绑定具体屏幕的度量,使用布局边距与水平安全区插入。
主要能力:闭合时屏幕更宽更短,顶部与底部控件移至右侧,左侧留出连续内容区;该侧区承载标签栏、工具栏、返回等导航控件、状态栏与灵动岛,空间不足时自动折叠为溢出菜单。映射规则:顶部工具栏按钮→垂直区顶部,底部工具栏按钮→垂直区底部,标签栏保持底部对齐;过宽项(文本按钮、分段控件)留在导航栏。内屏竖屏保留水平栏。分屏时控件贴外缘。
非对称布局三种做法:偏移内容(默认,对齐安全区自动生效)、全屏居中(仅限沉浸式非滚动界面且无交互元素被遮挡)、混合(全宽背景加内缩滚动前景,所有交互元素位于滚动区内)。
折痕:部分折叠时内容自动避开中缝,交互元素移向两侧;竖屏折叠时移向下半部。系统组件(表单、弹窗、菜单、工具栏按钮)已内置避让,滚动内容不受限。优先自适应容器(如自动重平衡的分栏视图),网格用偶数列;尽量少移动控件。
内屏利用:分栏视图(层级不变但多显示一级)、回流为多列、标签栏转为侧边栏(适合信息密集应用)。表单在外屏、内屏与折叠态行为不同,共四种情况。多任务为 50/50 分屏,画中画可固定顶部,应用需实时纵向适配。
评审清单:交互元素是否落入折痕或侧边控件下;功能或层级是否因姿态而异;是否用固定宽度而非尺寸类;工具栏项是否干净映射到侧区;内屏是否只是拉伸;内容偏移、居中或混合是否安全;分屏与画中画下是否成立;是否重复实现系统已提供的折痕避让;控件是否靠近所作用内容;状态是否跨屏保持。游戏项目不适用,应参考 iphone-duo-games 技能。
限制:资料未提供具体 API、代码示例、收费或平台版本信息。