资讯动态

【鸿蒙专栏】折叠屏适配:别让你的应用变成两半

发布时间:2026/8/14 4:37:43 来源:尧图企业网站定制
嘿,我是老张。前面那篇跨设备便签应用做完了,这篇聊另一个热门话题——折叠屏适配。先看个反面教材我之前帮朋友看一个折叠屏应用,打开截图我就笑了:┌─────────────────────────────────┐ │ 这里是标题栏 │ │ │ │ 这里是内容 │ │ │ │ └─────────────────────────────────┘左边一半空着,右边一半内容挤在一起。问他怎么回事,他说:“我就把手机版放大了,不知道为什么变成这样。”兄弟,这不是放大,这是没有适配折叠屏。折叠屏有什么不同?折叠屏有三种状态:状态1:折叠态(手机形态) ┌──────┐ │ │ 屏幕小,约6.5寸 │ │ └──────┘ 状态2:展开态(平板形态) ┌──────────────┐ │ │ 屏幕大,约7.8寸 │ │ │ │ └──────────────┘ 状态3:悬停态(半折叠) ┌──────┐ │ │ 中间有个铰链区域 │ │ ╚══════╝ │ │ └──────┘正确的适配思路

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价