阅读本文大概需要 4 分钟。

来自：

推荐一个程序员编程资料站：

http://cxyroad.com

2024年IDEA最新激活方法

后台回复：激活码

CSDN免登录复制代码插件下载：

CSDN复制插件

以下是正文。

鸿蒙 PC 版的界面布局已经在华为开发者官网的设计指南中出现。

从整体的界面来看鸿蒙 PC 版的设计应该是借鉴了类似于 Mac 的风格，包括顶部的状态栏和底部的 Dock 栏。

鸿蒙 PC 版的应用预计将与手机和平板版本保持一致，以便在不同设备间提供统一且流畅的使用体验。 

华为计划在 2024 年 8 月启动华为 HarmonyOS NEXT 的公开 Beta 测试，并在四季度推送正式版，鸿蒙 PC 版作为鸿蒙操作系统的一部分，可能会在同一时期推出。

已出现“鸿蒙 PC 版”页面布局，适配应用覆盖影音、社交、拍摄、阅读、购物、金融、生活、出行等类别使用场景。

b46f0b3d4bf7ce4d58d8172e29202530.png

3a07f0ccb9bf2e70c06a905716108062.jpeg

21b10a9ed088d8b34a5e03d211654619.jpeg

586834a583af3c88e385689236691c9b.jpeg

在华为鸿蒙PC版的界面设计中，屏幕的右上角显示有状态栏信息，包括输入法、音量、电池容量以及时间等。

底部则拥有应用 Dock 栏，包含常驻功能和应用。

878e956e8e4107e34cfd89b6c74e35fe.jpeg

在此前华为发布了针对 2in1 设备 的HarmonyOS 应用设计指南，就有涉及到了鸿蒙 PC 版应用 UI 的展示。

0a98a85c08fa4bfd26e4b62b0b817ca5.png

6dfb99bf60550e047e7693e55bcaeee3.png

窗口是系统中各个应用的载体，由容器层和内容区构成。

容器层用于展示应用品牌和控制整体窗口，内容层用于查看内容及与内容进行交互。

ad4f3cd09332edb45ea101b155c1c3e6.png

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

f5d977e0b38bac27722b351a4d4c899a.png

窗口提供默认的标题区背景、应用图标、应用名称以及窗口控制按钮：

36befce4e76c5e789888f1b6aff15341.png

尺寸适应不同设备

2889b3dbea17e21745ceb91b935f7232.png

分栏结构：

7a48743f954230a7f0d184762d7f245d.png

响应式规则：

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

13a797efa75d02e8d93d93bb78aa77bb.jpeg

<END>

推荐阅读：

分布式链路追踪：TraceIdFilter + MDC + Skywalking

告别if else！试试这款轻量级规则引擎框架，真香！


 

 
程序员在线工具站：cxytools.com
推荐一个自己写的工具站：http://cxytools.com，专为程序员设计，包括时间日期、JSON处理、SQL格式化、随机字符串生成、UUID生成、文本Hash...等功能，提升开发效率。
⬇戳阅读原文直达！                                  朕已阅


 
  

        # 华为
      
        # harmonyos
      
  
 
 Logo 
HarmonyOS开发者社区
 
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
 
 
  
更多推荐
  
 
鸿蒙NEXT开发App相关工具类AppUtil（ArkTs）
 
 import bundleManager from '@ohos.bundle.bundleManager'; import { KeyboardAvoidMode, window } from '@kit.ArkUI'; import { common, ConfigurationConstant } from '@kit.AbilityKit
 
avatar HarmonyOS开发者社区
 
 
ArkUI页面简化支持RC组件库开发指导
 
概述 当前HarmonyOS应用开发的过程中，断点需要开发者自己定义布局边界，由于HarmonyOS设备种类众多，因此断点适配需要设计多种布局，给开发者带来不便。 考虑到部分应用的布局形态仅考虑小屏（如直板机）与大屏（如平板）两种状态，本文将介绍一种对窗口布局适配精细度要求较低，且对特定组件有独立布局要求的布局方案： 在应用窗口级别，定义横纵方向的布局分别为R (Regular，宽松) /C (C
 
avatar HarmonyOS开发者社区
 
 
基于Native对PixelMap进行图形处理
 
场景描述 部分用户需要在Native侧实现对PixelMap进行图形处理。因此本文详细讲述了如何在Native侧操作PixelMap，包含对图片的旋转裁剪等。 方案描述 在ArkTS侧： 在Index.ets文件中添加XComponent组件，使用XComponent组件来送显图片。通过资源管理器获取图片并解码成PixelMap对象。 在Native侧使用c++对PixelMap进行数据处理： 创
 
avatar HarmonyOS开发者社区