- 综合排序
- 最热优先
- 最新优先
- 来自专栏HarmonyOS知识集合
【HarmonyOS Next】鸿蒙应用折叠屏设备适配方案
【HarmonyOS Next】鸿蒙应用折叠屏设备适配方案一、前言目前应用上架华为AGC平台，都会被要求适配折叠屏设备。 目前华为系列的折叠屏手机，有华为 Mate系列（左右折叠，华为 Mate XT三折叠），华为Pocket 系列（上下折叠）。二、适配方案思路探讨目前鸿蒙应用适配折叠屏的思路分为两种：分栏和全屏适配。 这种适配方案效果最好，但是工作量较大。不过目前华为官方反馈说以后不演进分栏方案了。三折叠和25年三月新形态手机的适配都是风险。三、适配方案实现传统的router路由在折叠屏适配上，无法提供良好支撑。 当然判定手机折叠屏状态，除了通过宽高，也可通过官方提供的折叠屏状态进行判断，不过在上下折叠屏手机上也会被激活，这里需要额外在判定一下。 import { display } from '@kit.ArkUI';let ret: boolean = false;// 当前是否是折叠屏ret = display.isFoldable();if
91910编辑于 2025-03-25 - 来自专栏软件绿色联盟动态
折叠屏 ① | 华为资深专家解读折叠屏应用基础体验要求
不久前华为发布了业界首份《折叠屏UX设计规范》，详细的介绍折叠屏的特性和体验要求，并根据不同的页面布局方式和场景提供针对性的设计说明。 为了帮助开发者高效完成适配工作，软件绿色联盟特别邀请了华为资深UX设计专家，从以下三个方面：①折叠屏应用基础体验UX规范、②单页面布局设计规范、③组合页面设计规范，为大家深度解读《折叠屏UX设计规范》。 接下来请看①折叠屏应用基础体验UX规范的内容： 一 应用基础体验要求 由于折叠屏手机具有折叠态和展开态随时切换的特性，在切换前后对连贯性有明确要求，其适配的标准不仅仅是兼顾手机/平板模式那么简单。 除了上面提到的界面信息展示，以新技术主导的折叠屏设备背后，更多挑战则是深入折叠屏设备的用户交互层面。屏幕宽窄的变化给交互设计也会带来相关的变化。在做用户交互的过程中，应该避免哪些情况发生？ 设备特征适配： 由于折叠屏在展开态下的屏幕显示比例接近方屏，因此横屏的体验跟手机和平板不同，需要做对应的适配。针对方屏，应用需要满足如下要求： 支持横竖屏显示。 横竖屏布局一致。
1.4K40编辑于 2022-03-31 三星三折叠屏旗舰发布，折叠屏触控+指纹方案由汇顶供应
三星 Galaxy Z TriFold 采用向内折叠设计，两侧相互折叠以保护主显示屏。该机还添加了多种屏幕提示和振动功能，若用户折叠设备的方式不正确，会自动发出提醒。 不论是展开还是折叠，Galaxy Z TriFold 都具备明亮的显示效果，外屏亮度最高可达2,600 nits，主屏幕最高亮度则可达1,600 nits。 值得一提的是，三星 Galaxy Z TriFold折叠屏主屏+副屏触控与超窄侧边指纹方案是由汇顶科技提供，助力三星打造更沉浸的巨屏交互与便捷解锁体验。 面向多折叠手机超薄柔性屏带来的挑战，汇顶针对这一全新形态推出高定制化触控方案，并以差异化价值和旗舰性能获得三星高度认可。该方案具备高负载驱动能力以及出色的抗显示噪声干扰性能。 未来，汇顶科技将持续深耕人机交互技术，为创新终端形态打造更具差异化的解决方案，为全球用户带来更加极致的智能交互体验。 编辑：芯智讯-浪客剑
16010编辑于 2026-03-20- 来自专栏软件绿色联盟动态
折叠屏 ② | 华为资深专家深入解读折叠屏单页面布局设计
单页面布局提供的高度直观、高效实用的导航将有助于确保为用户提供最佳体验，特别是在应用在屏幕可自由切换的折叠屏手机上时 在上篇《折叠屏 ① | 华为资深专家解读折叠屏应用基础体验要求》中，为开发者详细讲解了应用基础体验要求 今天的文章，我们一同来聊聊应用迁移到折叠屏设备时，单页面布局设计中应重点关注哪几种拥有持久生命力且表现优秀的布局方式？ 一 界面信息架构及布局设计 关于折叠屏手机，我们不妨先提出一个问题：当智能手机在手机和平板两种形态之间来回切换时，它的交互会是怎样的？在折叠态下，基本系统交互信息架构沿袭了普通手机竖屏的定义。 同时，由于多个任务在同屏同时运行，跨窗口之间的信息拖拽和传递也成为了可能。 相对而言，折叠屏的大屏优势能够展示更多的内容，充裕的空间也为探索更多交互可能提供了条件。 无论折叠屏设备是折叠还是展开，单页面布局设计提供的高度直观、高效实用的效果将有助于为用户提供最佳体验。 ·END·
2K20编辑于 2022-03-31 - 来自专栏NanBox
Android 折叠屏适配攻略
本文给大家介绍一下 Android 开发中和折叠屏相关的一些概念，以及如何进行折叠屏的适配。 折叠屏适配 折叠屏之所以需要适配，是因为我们的应用有可能在运行的过程中，所在的屏幕尺寸发生了变化，这种情况对现有项目多少都会产生一些问题。 调试 最好的调试工具当然就是用真机了，但目前只有少部分人有这个条件，下面是真机以外的两个调试方案。 展开后的分辨率 2200x2480，用这种方式模拟了折叠屏展开的切换。 最后可以更近一步，给大屏幕设计另一套 UI，在折叠屏切换时切换 UI。 下面是一些相关的参考资料： Google - 打造适用于可折叠设备的应用 华为折叠屏应用开发指导 三星折叠屏应用开发指导
3.9K40发布于 2019-07-16 - 来自专栏科技 频道
折叠屏，vivo的高端打手？
除了苹果之外，华为、oppo、小米等国内主流的智能手机品牌都已早早布局折叠屏市场，折叠屏噱头居高不下，vivo终究无法做到置身事外。 （配图来自Canva可画） vivo需要折叠屏 2022年4月11日，vivo发布首款折叠屏手机vivo X Fold，正式入局折叠屏赛道。 行业竞争氛围紧张 虽然国内各家厂商对折叠屏的兴趣高涨，行业越发火热，但在目前的智能手机市场大盘中，折叠屏手机占比也还只是沧海一粟。 折叠屏主打高端市场，其竞争逻辑主要在“质”而不在“量”，vivo开局不利更大的原因或许是用户认为其折叠屏产品价格和品质还不相匹配。 不过相信各家经过多轮的产品试炼之后，折叠屏手机的体验、价格终究能对上大众的口味，折叠屏市场也能引发一波换机潮。
76730编辑于 2022-05-30 - 来自专栏自动化控制技术控
折叠屏手机的相关知识
概 述 折叠手机是智能手机的一种造型，柔性AMOLED屏幕是折叠手机的突破关键。智能手机行业迎来“折叠屏时代”，各大手机厂商积极布局。 早在2018年10月底，国内柔性屏生产商柔宇科技就推出了全球首款折叠屏手机FlexPai(柔派)。 2019年2月份，三星和华为相继发布了旗下第一款折叠屏手机：GalaxyFold和MateX，并亮相世界移动通信大会(MWC)，揭开了“折叠屏手机时代”的帷幕。 另外，折叠屏智能手机在手机市场找到最适合自己的位置也需要一定的时间，而且就算找到自己的位置，折叠屏智能手机也会和普通智能手机长期共存，而这并不像很多人观点中那样必须要一种取代另一种的局面。 柔性AMOLED屏幕是折叠手机和穿戴手机的突破关键。但是，柔性折叠屏手机商用还不是太成熟。 首先，柔性折叠屏手机太贵。柔宇科技最早发布的可折叠手机价格还不到万元，已被称为天价手机。
93820发布于 2019-11-04 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Android、Flutter 折叠屏适配 ( 展开大屏 | 折叠主屏 | 折叠副屏 | 静态展示 | 动态热切换适配 | 拉伸布局 | X 轴自适应适配 | 布局重构 )
文章目录 一、Android、Flutter 折叠屏适配 二、展开大屏适配 三、折叠主屏适配 四、折叠副屏适配 五、折叠屏动态热切换适配 五、拉伸布局 六、X 轴自适应适配 七、布局重构 八、Android 、Flutter 中的程序配置 1、屏幕自适应配置 2、设置切换屏蔽宽高比不重启适配 3、设置最大最小屏幕比例 一、Android、Flutter 折叠屏适配 ---- 华为的 Mate X 折叠屏有 , C 中上下出现黑边 , D 中四周出现黑边 , 都不能出现 ; 三、折叠主屏适配 ---- 折叠主屏 就按照 全面屏的样式进行适配 ; 折叠状态下 , 主屏要填充满整个屏幕 , 如 A 样式 ; B 中左右两遍留出空白 , C 中下面留出空白 , 不可取 ; 四、折叠副屏适配 ---- 折叠副屏 的 屏幕分辨率是 25:9 , 是长条形的 ; 华为官方建议 , 该屏幕不以全屏显示 , 在副屏模式下 A 是合格的 , 其它都不符合规范 ; 五、折叠屏动态热切换适配 ---- 上述折叠屏的三种形态 , 在任何一种形态 , 打开应用 , 都按照对应的适配要求显示 ; 假如再打开后 , 屏幕形态切换
8.4K10编辑于 2023-03-29 - 来自专栏软件绿色联盟动态
折叠屏丨华为专家深度解读折叠屏连续性和拖拽适配介绍
7月30日，由软件绿色联盟联合华为举办的零基础高效适配折叠屏在线沙龙中，来自华为的折叠屏项目经理闫鸿飞在《折叠屏连续性和拖拽适配介绍》议题中就上述问题进行了讲解，并结合典型案例分享了折叠屏连续性和拖拽的开发与调试 ，帮助开发者高效适配折叠屏。 根据国内TOP1000主流应用折叠屏测试报告数据显示，当前折叠屏应用适配率为90%，整体表现优异，为后续应用功能创新打下了坚实的基础。 折叠屏连续性适配基础要求 折叠屏连续性要求应用在屏幕折叠态、展开态以及切换过程中，保证业务的连续性和UI显示正常。当前连续性适配主要有如下两种方式，开发者可根据实际业务需要灵活选择。 建议开发者选择8英寸的设备来模拟适配华为的MateX折叠屏手机。
1.7K20编辑于 2022-03-31 - 来自专栏向治洪
Android 折叠屏就要来了
视频的动态图上我们可以发现，三星的折叠屏手机是屏内折叠设计，将屏幕折叠后手机的外部还有一块屏幕显示内容，但是尺寸不大。 三星发布的这款手机，实际上拥有两块屏幕，可折叠的 Infinity Flex 显示屏为内屏，而折叠以后的外屏就相对较小一些。 在 Google 官方发布 Android 9.0 中，对刘海屏增加标准 API 支持，市面上已知的方案就有多种。 利用这种柔性显示技术，App 可以做到折叠屏设备上的适配工作。 但是 Foldables 来了，就完全不一样了，通过折叠屏设备的两种变体效果：双屏设备和单屏设备，当折叠时，它看起来是一部手机，而当它展开时，它就变成了一台平板。
64730编辑于 2022-11-30 - 来自专栏鸿蒙开发笔记
纯血鸿蒙APP实战开发——折叠屏音乐播放器方案
介绍本示例介绍使用ArkUI中的容器组件FolderStack在折叠屏设备中实现音乐播放器场景。 效果图预览使用说明播放器预加载了歌曲，支持播放、暂停、重新播放，在折叠屏上，支持横屏悬停态下的组件自适应动态变更。 // TODO：知识点：FolderStack继承于Stack控件，通过upperItems字段识别指定id的组件，自动避让折叠屏折痕区后移到上半屏FolderStack({ upperItems: [ .margin(20) .animation(this.attrAniCfg) .interpolation(ImageInterpolation.High) .draggable(false)折叠屏设备上 ，依赖display的屏幕状态事件，监听屏幕折叠状态变更，通过对折叠状态的分析，更新UI属性。
35320编辑于 2025-01-13 - 来自专栏软件绿色联盟动态
折叠屏 ③ | 华为资深专家解读折叠屏组合页面设计及多任务设计要求
在此之前，软件绿色联盟已经推出了折叠屏UX设计规范系列阐述的针对单页面内的动态布局方式外，其实还可以利用组合页面设计。组合页面设计让布局设计更加生动有趣，淡化单调的设计，赋予页面更强的生命力。 一起来看看规范的详细内容吧~ 一 组合页面设计 不管是哪种折叠方式，对用户来说是新增了一块可折叠的屏幕，而这新增的屏幕使得1+1大于2，手机能变换为平板。 UX设计师首先需要思考折叠屏在展开态不仅可以在单页面内呈现更多的内容，还可以将不同页面的内容同时显示，为用户创造新的操作体验。 以上内容为《折叠屏UX设计规范》中的组合页面设计规范及应用内多任务的相关内容。 ·END·
1.2K30编辑于 2022-03-31 - 来自专栏软件绿色联盟动态
折叠屏④ | 华为资深专家解读折叠屏各类型应用的典型场景设计实现案例
界面设计应充分利用折叠屏的展开态的大屏优势进行设计，带给用户沉浸式浏览的体验。 另外，很多视频播放类应用还保留有普通手机的横屏全屏沉浸播放模式，在折叠屏展开态，此模式出于兼容性的需要，可以保留，但因为折叠屏展开态的长宽差异不大，将屏幕转90度可以获得很小的播放面积收益，但因此造成的用户转动手机带来的负面体验却很大 ，因此，建议在这进入种沉浸式全屏播放时，保持手机的姿态不变的方案会有更好的用户体验。 同时，这样的方案没有改变页面的逻辑架构，不同形态的页面设计可采用动态布局的定义方法，达成不同设备上最大程度一致的沉浸体验。 随着折叠屏手机的发布，我们看到未来手机的形态可能会朝着柔性手机方向发展，那么，让我们来思考一件事：对于折叠屏上的移动应用使用场景，UX设计师可以探索怎样的设计模式呢？
2.1K30编辑于 2022-03-31 微信小程序 折叠屏兼容
最近维护了将近的一年的微信小程序（某知名企业），突然提出要兼容折叠屏，这款小程序主要功能一些图表汇总展示，也就是专门给一些领导用的，也不知道为啥领导们为啥突然喜欢用折叠屏手机了，一句话需求，苦的还是咱们程序员 ，但没办法，谁让甲方是爸爸呢，硬着头皮改吧，好在最后解决了，因为是甲方内部使用的小程序，这里不便贴图，但有官方案例图片，以供参考查看了微信官网大屏适配响应显示区域变化启用大屏模式从小程序基础库版本 2.21.3 随后参考了官方的文档 小程序大屏适配指南和自适应布局，方案对于微信小程序原生开发是可行的，但这个项目用的 uni-app开发的，虽然uni-app 也有对应的响应式布局组件，再加上我是个比较爱偷懒的人（ 于是又转战到uni-app官网寻找解决方案 uni-app宽屏适配指南内容缩放拉伸的处理 这一段中提出了两个策略1.局部拉伸：页面内容划分为固定区域和长宽动态适配区域，固定区域使用固定的px单位约定宽高 ， uniapp给了两种解决方案750rpx 改为100%另一种是配置rpxCalcIncludeWidth，设置某个特定数值不受rpxCalcMaxDeviceWidth约束想要用局部拉伸：页面内容划分为固定区域和长宽动态适配区域
1.2K10编辑于 2024-07-27- 来自专栏工程师看海
手机屏幕接口介绍，折叠屏何去何从？
小米昨日发布的mix fold 2，又将折叠屏幕推向公众视野，折叠屏幕有哪些优缺点呢？ 现在市场上使用的折叠手机，由于需要折叠，表面不能有坚硬的玻璃盖板，因此在折叠位置容易出现折痕。 同时，没有坚固的玻璃盖板保护，折叠屏幕的表面看起来凹凸不平，容易产生划痕，甚至指甲扣一下都会留下指甲印。 转回我们的话题，除去电源之外，还有一些简单的IO引脚，比如复位引脚和异常中断引脚。 IIC/SPI用于与屏幕上的触控进行通信，MIPI用于传输屏幕的显示数据，为了降低功耗，当屏幕显示内容不变，也就是静态画面时，MIPI往往不工作，静态画面已经存储到屏幕内部存储中，比如手机的AOD息屏显示功能 所谓兵马未动，粮草先行，凡事都要有个先后顺序，CPU、相机和屏幕的电源也不例外，毕竟心急吃不了热豆腐，因此我们需要对上电和下电的时序进行测试，如下图所示，否则的话屏幕就可能在亮屏或息屏时异常闪烁，甚至屏幕无法正常显示
1.5K20编辑于 2022-09-23 - 来自专栏QQ音乐技术团队的专栏
全民K歌折叠屏适配探索
在本篇文章中主要描述了全民K歌在折叠屏适配上的探索与常见的适配方案梳理。 引 现如今，移动端屏幕的发展可谓迅猛百花齐放！ 在之前，我们已经适配了：不同比例、圆角、挖孔、刘海… 是时候，让我们开始适配折叠屏吧！ 本篇文章主要介绍折叠屏的基础概念及几种适配方案；同时涵盖了全民K歌在折叠屏上的适配探索与实际效果。 折叠屏 折叠屏，顾名思义，其显示屏采用柔性技术，可在使用时对屏幕进行折叠、展开的操作。目前以华为、三星生产的设备为代表。 屏幕折叠主要分：内折、外折、两折、多折等不同折叠方式。 扩展适配-多显示屏 对于折叠屏来说，往往并不仅仅是一张屏幕的展开与折叠操作（屏幕的部分显示与全部显示的区别），还有一张屏幕切换到另外一张屏幕的情况。 总结 可以看出Google也在每次的版本更新中不断对不同的屏幕进行适配，从刘海、挖孔调整顶部状态栏高度、安全区域，再到折叠屏、多显示屏、多应用分屏等不同场景。
3.6K30发布于 2021-07-12 - 来自专栏程序猿DD
原来这才是折叠屏的刚需...
blocks|key|1337463|text||type|atomic|depth|inlineStyleRanges|entityRanges|offset|length|data|entityMap|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-1258501/b880f7191538de17f3c8aa78c8453cb2.png|imageAlt^0|0|1|0^^$0|@$1|2|3|4|
25120编辑于 2022-09-09 - 来自专栏鸿蒙开发笔记
纯血鸿蒙APP实战开发——折叠屏扫描二维码方案
介绍本示例介绍使用自定义界面扫码能力在折叠屏设备中实现折叠态切换适配。自定义界面扫码使用系统能力customScan，其提供相机流的初始化、启动扫码、识别、停止扫码、释放相机流资源等能力。 折叠屏折叠状态通过监听display的foldStatusChange事件实现。效果图预览使用说明用户授权相机扫码。对准二维码即可识别展示，支持多二维码识别。支持打开相机闪光灯。 折叠态不同，相机流的尺寸也不同，因此折叠态变更时，扫码服务会重新初始化。实现思路相机权限需要用户授权。 【OpenHarmony】Uboot 驱动加载流程12.OpenHarmony构建系统--GN与子系统、部件、模块详解13.ohos开机init启动流程14.鸿蒙版性能优化指南.......折叠屏设备上 ，依赖display的屏幕状态事件，监听屏幕折叠状态变更，通过对折叠状态的分析，更新XComponent尺寸并重新启动扫码服务。
36920编辑于 2025-01-07 - 来自专栏软件绿色联盟动态
折叠屏 | 又双叒叕成功适配！折叠屏＋携程，旅行体验提高不止一个Level！
携程App作为一款在线旅行服务性软件，已成功适配折叠屏手机，快来和我一起看看有哪些创新体验吧。 相较于平板设备，折叠屏设备有多尺寸、多比例的屏幕优势，其问世促进了智能手机外观形态上的发展。 一部设备两个状态，这是传统手机做不到的，面对与传统手机的天然差异，因此折叠屏手机在设计变化上，会针对大屏需重新调整布局结构，在设计重点上也优先对华为折叠屏手机进行设计升级。 适配场景演示 携程App采用观察+访谈的形式，邀请用户使用折叠屏手机，观察使用情况和操作方式，测试他们对首页方案的反馈。结果显示，用户操作折叠屏方式趋于平板，所有人都使用双手，一手持机一手操作。 在单屏与双屏之间，大多数用户最终都选择双屏的方案，因为双屏给用户惊喜，发挥了折叠屏手机的优势，显示更多信息，体验感更舒适。下面一起来看携程App在折叠屏设备里的适配场景演示。 针对折叠屏手机，UX设计师将可视化元素进行重新分组，各组块位置挪移，最终形成均衡的排版。 优点：利用折叠屏大屏幕优势，为用户显示更多信息。
1.6K20编辑于 2022-03-31 - 来自专栏软件绿色联盟动态
折叠屏开发指导系列③丨应用内分屏适配解读：平行视界方案
华为提供平行视界方案，实现Activity为基础的应用内分屏显示，简化应用适配。 一 平行视界（MagicWindow）方案简介 平行视界以Activity为基本单位实现应用内分屏的系统侧解决方案。 未配置B->C，根据默认策略，右屏显示。 From To 备注 A B A上启动B，触发分屏。B启动A，不启动分屏。 B C 如果此时B已经在右分屏，B触发C，B左移，C右侧显示。 logicEntities.body.transActivities * 过渡页面列表如[ "com.xxx.ActivityD", "com.xxx.ActivityE","com.xxx.ActivityF",] 以上内容为折叠屏开发指导之应用内分屏解读的全部内容 ，这种交互模式的创新，极大提升了内容浏览效率和体验，扩大了用户对折叠屏终端的想象空间。
3.2K20编辑于 2022-03-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号