Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
移动用户体验7 分钟阅读·Updated 2026 年 10 月·ExodeUI 团队

可折叠设备设计:姿势、窗口尺寸和手势

如何设计可折叠手机的应用程序:折叠和展开布局、桌面和书籍姿势、窗口大小类别、折叠附近的连续性和手势。

直接总结和定义

核心要点

根据可用窗口尺寸(而不是设备型号)设计可折叠布局:Android 的窗口尺寸类别将 600dp 以下的宽度视为紧凑型,600 至 840dp 视为中等宽度,840 至 1200dp 视为扩展型。支持折叠、打开和半打开(桌面)姿势,在设备折叠或展开时保持用户位置,并使关键内容和触摸目标远离折叠位置。

姿势

Android 的开发人员文档描述了可折叠设备的几种姿势:折叠、平放、旋转至横向的平放以及半打开(称为桌面)。折叠将屏幕分成两部分,要么作为一个屏幕的灵活区域,要么作为两个显示器之间的铰链,并且它可能会遮挡部分显示器。

三种可折叠姿势:折叠时采用手机布局、打开时采用两个窗格、桌面时内容在上、控件在下
每种姿势都暗示着不同的布局。

按窗口尺寸类别设计

Android 不是针对特定设备,而是将可用空间分为窗口大小类别。紧凑的宽度(600dp 以下)几乎涵盖所有纵向手机;中等宽度(600 至 840dp)可覆盖大多数纵向平板电脑和许多纵向展开的大型内部显示屏;扩展宽度(840 至 1200dp)可覆盖大多数平板电脑和横向展开的大型显示屏。大型和超大型课程涵盖更大的平板电脑和台式机。

使用折叠的布局

常见模式:

  • 折叠:正常的手机布局。
  • 平开:列表详细信息或两窗格布局,每个窗格位于折叠的一侧。
  • 桌面:上半部分是视频等内容,下半部分是控件。
  • 切勿将按钮、文本线或面放置在折痕上。

连续性

当有人在任务中展开设备时,应用程序应该继续原来的位置:相同的滚动位置、相同的草稿、相同的播放。将折叠和展开视为布局更改,而不是重新启动,并为过渡设置动画,以便人们可以跟踪内容移动的位置。

手势和触及范围

更大的展开屏幕会改变拇指的触及范围:将频繁的控件放在双手休息的边缘附近,并避免与系统手势冲突的边缘滑动。基于物理的运动在这里也有帮助:通过弹簧滑动和固定的玻璃使姿势之间的变化感觉自然而不是刺耳。

要记住的关键 Principle

  • 按窗口大小类别而不是设备型号进行设计
  • 紧凑 < 600dp,中型 600–840dp,扩展 840–1200dp
  • 支持折叠、打开和桌面姿势
  • 保持内容和控件不可见
  • 保持状态并动画姿势变化

常见问题解答

来源

  1. Learn about foldables — Android 开发人员
  2. Use window size classes — Android 开发人员

相关指南和示例

感觉物理上的布局变化

在构建窗格和工作表之前,请尝试在浏览器中对窗格和工作表进行弹簧设置。

打开弹簧发生器
免费试用