HarmonyOS 折叠屏适配资料

如何适配HarmonyOS折叠屏,比如页面分屏交互,宽高变化兼听等

HarmonyOS
2024-08-28 14:41:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

目前可参考一多实例和折叠屏设计文档

多设备响应式设计:https://developer.huawei.com/consumer/cn/doc/design-guides/responsive-design-overview-0000001746498066#section1531711918247

折叠屏设计指导文档:https://developer.huawei.com/consumer/cn/doc/design-guides-V1/design-overview-0000001238537957-V1

相关折叠屏状态监听接口:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-display-V5#foldstatus10

对于代码方面如何实现分栏布局:

分栏布局也是通过Navigation实现的,在断点为lg时设置mode属性为NavigationMode.Stack,实现分栏效果,在其他断点下设置mode属性为NavigationMode.Split,显示单栏效果。

分享
微博
QQ
微信
回复
2024-08-28 22:37:53
相关问题
HarmonyOS 组件布局怎么适配折叠
385浏览 • 1回复 待解决
HarmonyOS web组件内容适配折叠
282浏览 • 1回复 待解决
HarmonyOS 折叠H5适配问题
819浏览 • 1回复 待解决
是否有相关折叠适配文档?
1909浏览 • 1回复 待解决
HarmonyOS折叠适配有什么方案吗?
450浏览 • 1回复 待解决
HarmonyOS 如何监听折叠展开折叠
64浏览 • 1回复 待解决
如何区分折叠与非折叠手机?
349浏览 • 0回复 待解决
HarmonyOS 折叠webview宽度问题
435浏览 • 1回复 待解决
HarmonyOS 如何适配挖孔
42浏览 • 1回复 待解决