移动用户体验7 分钟阅读·Updated 2026 年 10 月·ExodeUI 团队
可折叠设备设计:姿势、窗口尺寸和手势
如何设计可折叠手机的应用程序:折叠和展开布局、桌面和书籍姿势、窗口大小类别、折叠附近的连续性和手势。
直接总结和定义
核心要点
根据可用窗口尺寸(而不是设备型号)设计可折叠布局:Android 的窗口尺寸类别将 600dp 以下的宽度视为紧凑型,600 至 840dp 视为中等宽度,840 至 1200dp 视为扩展型。支持折叠、打开和半打开(桌面)姿势,在设备折叠或展开时保持用户位置,并使关键内容和触摸目标远离折叠位置。
姿势
Android 的开发人员文档描述了可折叠设备的几种姿势:折叠、平放、旋转至横向的平放以及半打开(称为桌面)。折叠将屏幕分成两部分,要么作为一个屏幕的灵活区域,要么作为两个显示器之间的铰链,并且它可能会遮挡部分显示器。
按窗口尺寸类别设计
Android 不是针对特定设备,而是将可用空间分为窗口大小类别。紧凑的宽度(600dp 以下)几乎涵盖所有纵向手机;中等宽度(600 至 840dp)可覆盖大多数纵向平板电脑和许多纵向展开的大型内部显示屏;扩展宽度(840 至 1200dp)可覆盖大多数平板电脑和横向展开的大型显示屏。大型和超大型课程涵盖更大的平板电脑和台式机。
使用折叠的布局
常见模式:
- 折叠:正常的手机布局。
- 平开:列表详细信息或两窗格布局,每个窗格位于折叠的一侧。
- 桌面:上半部分是视频等内容,下半部分是控件。
- 切勿将按钮、文本线或面放置在折痕上。
连续性
当有人在任务中展开设备时,应用程序应该继续原来的位置:相同的滚动位置、相同的草稿、相同的播放。将折叠和展开视为布局更改,而不是重新启动,并为过渡设置动画,以便人们可以跟踪内容移动的位置。
手势和触及范围
更大的展开屏幕会改变拇指的触及范围:将频繁的控件放在双手休息的边缘附近,并避免与系统手势冲突的边缘滑动。基于物理的运动在这里也有帮助:通过弹簧滑动和固定的玻璃使姿势之间的变化感觉自然而不是刺耳。
要记住的关键 Principle
- 按窗口大小类别而不是设备型号进行设计
- 紧凑 < 600dp,中型 600–840dp,扩展 840–1200dp
- 支持折叠、打开和桌面姿势
- 保持内容和控件不可见
- 保持状态并动画姿势变化
常见问题解答
来源
- Learn about foldables — Android 开发人员
- Use window size classes — Android 开发人员