嘿，我是老张。

前面那篇跨设备便签应用做完了，这篇聊另一个热门话题——折叠屏适配。

先看个反面教材

我之前帮朋友看一个折叠屏应用，打开截图我就笑了：

┌─────────────────────────────────┐ │ 这里是标题栏 │ │ │ │ 这里是内容 │ │ │ │ └─────────────────────────────────┘

左边一半空着，右边一半内容挤在一起。问他怎么回事，他说：“我就把手机版放大了，不知道为什么变成这样。”

兄弟，这不是放大，这是没有适配折叠屏。

折叠屏有什么不同？

折叠屏有三种状态：

状态1：折叠态（手机形态） ┌──────┐ │ │ 屏幕小，约6.5寸 │ │ └──────┘ 状态2：展开态（平板形态） ┌──────────────┐ │ │ 屏幕大，约7.8寸 │ │ │ │ └──────────────┘ 状态3：悬停态（半折叠） ┌──────┐ │ │ 中间有个铰链区域 │ │ ╚══════╝ │ │ └──────┘

正确的适配思路

<