阅读全文

⭐⭐⭐ Spring Boot 项目实战	⭐⭐⭐ Spring Cloud 项目实战
《Dubbo 实现原理与源码解析 —— 精品合集》	《Netty 实现原理与源码解析 —— 精品合集》
《Spring 实现原理与源码解析 —— 精品合集》	《MyBatis 实现原理与源码解析 —— 精品合集》
《Spring MVC 实现原理与源码解析 —— 精品合集》	《数据库实体设计合集》
《Spring Boot 实现原理与源码解析 —— 精品合集》	《Java 面试题 + Java 学习指南》

摘要: 原创出处 网络 「网络」欢迎转载，保留摘要，谢谢！

• 1、界面设计亮点
• 2、窗口框架
• 3、尺寸规范：适应不同设备
• 4、分栏结构
• 5、响应式规则

---

🙂🙂🙂关注微信公众号：【芋道源码】有福利：

1. RocketMQ / MyCAT / Sharding-JDBC 所有源码分析文章列表
2. RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
3. 您对于源码的疑问每条留言都将得到认真回复。甚至不知道如何读源码也可以请教噢。
4. 新的源码解析文章实时收到通知。每周更新一篇左右。
5. 认真的源码交流微信群。

---

近日，华为发布了针对 2in1 设备 的HarmonyOS 应用设计指南，其中涉及到了鸿蒙 PC 版应用 UI 的展示。

2in1 设备是一种结合了平板的便携性与笔记本的生产力的新型设备，它们通常具有可拆卸键盘和触控屏，使用户能够在不同的使用场景下灵活切换。

如果要设计出优秀的 2in1 应用或服务，需要熟悉并充分利用 2in1 设备特性，这些特性包括硬件特征、使用方式、交互方式、使用场景等。

1、界面设计亮点

• 效率型与沉浸型 UI：鸿蒙 PC 版的 UI 设计兼顾了效率与沉浸感，提供了多样化的界面风格，以适应不同用户的需求。
• 应用界面案例：包括天气 App、文件资源管理器等，这些应用的 UI 设计简洁而直观，操作逻辑与 PC 近似，易于上手。

2、窗口框架

窗口是系统中各个应用的载体，由容器层和内容区构成。容器层用于展示应用品牌和控制整体窗口，内容层用于查看内容及与内容进行交互。

窗口控制：具备窗口名称/应用图标（可选）、最小化/最大化/关闭控制按钮（必选），使得用户能够快速适应鸿蒙 PC 版的操作方式。

窗口尺寸调整：支持窗口的默认尺寸显示，并可拉伸为任意尺寸，提供了灵活的窗口管理体验。

当应用未做适配时，窗口提供默认的标题区背景、应用图标、应用名称以及窗口控制按钮：

3、尺寸规范：适应不同设备

• 默认尺寸：屏幕的 67%，确保应用在启动时能够占据合适的显示区域。
• 最小尺寸：360*240vp，保证了即使在小尺寸设备上，应用也能保持良好的显示效果。

4、分栏结构

内容层是应用展示信息的空间，应用需重点关注分栏结构、基于键鼠操作的多模交互以及控件相关规范。

2in1 设备上的窗口分为三种形态，建议根据业务属性酌情使用。

5、响应式规则

充分利用 2in1 屏幕大尺寸的优势，利用响应式布局实时响应尺寸变化，确保以最佳的布局来显示内容。

此外，去年 9 月，深圳开鸿数字产业发展有限公司 CEO 王成录博士曾在微博与网友互动时确认，2024 年会有 PC 端鸿蒙系统，意味着今年我们或许能在市面上看到鸿蒙 PC 的发布。

参考文章：https://developer.huawei.com/consumer/cn/doc/design-guides/2in1-0000001777531700