ui标签_HarmonyOS开发者社区

ui

【ArkUI 练中学】第20课：综合实战——从零构建一个完整应用

本项目基于HarmonyOS开发“极简待办”应用，综合运用需求分析、分层架构设计与全链路开发技术。采用Navigation+Tabs多页面结构，实现首页、设置、关于等模块；通过RDB、Preferences与文件存储完成数据持久化；结合@ObservedV2状态管理与@Local/@Param实现高效状态传递；利用LazyForEach与@Reusable优化长列表性能；支持滑动删除、拖拽排序及搜

 传奇开心果OK
1天前

 49

#harmonyos #ui #华为 +1
【ArkUI 练中学】第18课：性能优化进阶与工程化治理

本文系统介绍了HarmonyOS应用性能治理全链路方案：基于DevEco Profiler的场景化分析模板（如Launch、Frame、Time等）实现精准问题定位；通过深度录制与跨语言调用栈分析优化关键路径；结合Test Kit与DevEco Testing构建白盒自动化测试与性能基线；利用HiAppEvent+AGC APMS实现线上启动耗时、崩溃率等指标监控；针对折叠屏等多设备形态，采用响应

 传奇开心果OK
1天前

 135

 1

#学习 #华为 #ui +1
【ArkUI 练中学】第17课：国际化与无障碍适配

本文系统讲解了HarmonyOS应用的国际化、无障碍与多设备适配核心能力。通过资源限定词机制实现多语言、深色模式管理，使用$r()引用资源并规范命名；掌握复数、日期/数字/货币的区域化格式化；实现运行时语言切换与偏好持久化。在无障碍方面，合理配置accessibilityText、accessibilityGroup、accessibilityDescription及accessibilityLe

传奇开心果OK
1天前

 132

 1

#学习 #华为 #ui +1
【ArkUI 练中学】第13课：应用发布与上架

本文系统讲解了HarmonyOS应用从签名配置到上架发布的全流程：明确调试与发布签名的区别，掌握AppGallery Connect中应用创建、隐私合规配置及发布证书申请；在DevEco Studio完成正式打包与签名；重点强调隐私政策一致性、权限最小化及敏感权限申请时机；梳理审核常见驳回原因并提供整改方案；介绍OTA全量、增量更新与热修复三种更新方式。通过典型习题强化核心知识点，助力开发者独立完

 传奇开心果OK
1天前

 178

#学习 #华为 #ui +1
【ArkUI 练中学】第11课：应用架构与模块化开发

本文系统讲解 HarmonyOS 中 HAP、HAR、HSP 三种包类型的核心区别与适用场景，重点掌握 HAR 静态共享包的创建与引用，以及 HSP 动态共享包在资源复用与按需加载中的优势。结合分层架构设计思想，明确产品定制层、基础特性层与公共能力层的职责划分，落地 MVVM 模式于 ArkUI，遵循高内聚低耦合原则进行模块化拆分，避免“为拆分而拆分”的反模式，最终实现中型应用的合理架构设计。

传奇开心果OK
1天前

 262

 3

#学习 #华为 #ui +1
【ArkUI 练中学】第5课：路由导航与页面跳转

本文系统讲解HarmonyOS中两种路由方案：Router（页面级路由）与Navigation（组件级路由）。重点对比了pushUrl与replaceUrl的跳转差异，介绍了命名路由、页面返回拦截、参数传递及返回值处理机制。深入解析Navigation组件架构，包括NavPathStack栈管理、NavDestination页面容器与导航栏联动能力。结合实际案例，阐述了组件级与页面级路由的本质区别

 传奇开心果OK
2026-09-18 00:05:57

 146

 1

#学习 #华为 #ui +1
【ArkUI 练中学】第1课：从零开始

本文介绍了HarmonyOS应用开发的入门流程，涵盖Deveco Studio的下载安装、SDK与JDK配置，以及首个ArkTS工程的创建与运行。重点讲解了声明式UI的核心思想：描述结果、状态驱动视图更新，并掌握@Entry、@Component、@State等装饰器作用。通过Text、Button、Column、Row等组件及链式调用实现Hello World页面，结合习题巩固知识，为后续开发奠

 传奇开心果OK
2026-09-18 00:04:30

 195

#华为 #学习 #ui +1
【HarmonyOS开发小实践】ArkUI 底层自定义与 NDK：FrameNode、RenderNode 与 C++ 构建 UI

API定位用途FrameNode声明式组件的底层节点在声明式外获取、操作组件节点，实现动态增删RenderNode渲染节点自定义绘制，绕过组件直接操作渲染属性构建节点把 Builder 内容挂到任意位置，动态插入 UIRenderNode@Entry@Component// 渲染命令：绘制一个圆形});build() {// RenderNode 挂载到组件上显示Stack() {}RenderN

HwJack20
1天前

 1882

#harmonyos #华为 #ui
【HarmonyOS开发小实践】ArkUI 自定义组件与 Modifier：把界面拆成可复用的单元

最基础的封装用@Componentbuild()// 定义一个可复用的"评分条"组件@Component// 评分，0-5build() {Row() {// 小于等于 score 的星是实心的'★' : '☆')// 使用@Entry@Componentbuild() {RatingBar({ score: 4 }) // 4 星RatingBar({ score: 5, maxScore: 1

HwJack20
1天前

 1819

#harmonyos #华为 #ui
【HarmonyOS开发小实践】ArkUI 交互事件与手势：从触摸到组合手势

手势会拦截组件默认行为。给组件加了gesture可能影响其默认手势（如列表的滚动）。需要时用让手势优先，或用并行。拖动注意坐标累积。PanGesture的是单次增量，要累加到@State上。直接赋值会跳动不跟手。组合手势用对模式。并行、顺序、互斥三种模式语义完全不同，用错模式手势会互相冲突，出现"怎么都不触发"或"同时触发"的奇怪现象。触摸和手势别叠加混用。同一组件既用onTouch又用gestu

HwJack20
1天前

 1809

 1

#harmonyos #华为 #性能优化 +1
【HarmonyOS开发小实践】ArkUI 转场动画组件出现、消失与页面切换的过渡

属性动画管的是"值怎么变"，转场动画管的是"组件怎么出现、怎么消失"。元素插入界面、删除界面、页面之间切换，都需要转场来避免生硬的瞬间跳变。ArkUI 的转场分两类：组件转场（组件出现和消失）和页面转场（页面之间切换）。

HwJack20
1天前

 1888

#harmonyos #华为 #性能优化 +1
【HarmonyOS开发小实践】ArkUI 动画系统属性动画、显式动画与路径动画

静态界面能用，但缺了动画的过渡会显得生硬。ArkUI 提供了从简单到复杂的动画能力：属性动画、显式动画、路径动画，以及组件内置动画。这篇把常用动画类型讲清楚。

HwJack20
1天前

 1830

 2

#harmonyos #性能优化 #ui
【HarmonyOS开发小实践】ArkUI 应用级状态AppStorage 与跨页面共享、持久化

区分数据生命周期再选型。页面内临时数据用@State，组件树内共享用@Provide@Consume，全局共享用AppStorage，要持久化再加。别所有数据都往 AppStorage 里塞。的 key 要统一管理。持久化 key 散落各处容易冲突，建议集中定义常量。同步引用时注意 type。的类型要和声明一致，类型对不上会有隐式转换问题。持久化数据只存可序列化的。存的是可序列化数据，函数、回调、

HwJack20
2026-09-14 15:35:07

 1742

 1

#harmonyos #华为 #性能优化 +1
HarmonyOS ArkUI 列表与网格长列表的高性能渲染小实践

资讯流、商品列表、聊天记录、通讯录，几乎每个应用都有列表。ArkUI 里列表用ListListItem构建，网格用GridGridItem，但真正决定性能的是懒加载机制。

HwJack20
2026-09-14 15:24:43

 1843

 1

#harmonyos #性能优化 #ui
HarmonyOS ArkUI 基础组件上手：文本、图片、按钮与输入框

ArkUI 的系统组件就是界面里的"零件"——文本框、图片、按钮、输入框、单选框、进度条这些。把它们组合起来，就拼出一个完整页面。这系列先讲最常用的几类：文本、图片、按钮、输入框，以及承载它们的通用属性。

HwJack20
2026-09-14 15:22:38

 2300

#harmonyos #华为 #性能优化 +1
HarmonyOS批量数据与性能优化实战：万条数据入库与不卡 UI 的查询

减少 IO 次数和不阻塞主线程。批量写入用事务：N 次 IO 降为 1 次，效果立竿见影大查询放 TaskPool：主线程不卡，UI 流畅分批查 + 只查需要的列：控制单次查询的数据量索引 + 参数化绑定：让查询走索引、复用执行计划。

HwJack20
2026-09-09 16:28:00

 1.1w

 2

#harmonyos #性能优化 #ui
【共创稿事节】 HarmonyOS 7 空间化 UI 实战：从平面布局到空间层级的界面重构

本文围绕 HarmonyOS 7 空间化 UI 展开实战，从传统平面布局存在的层级不清、焦点分散等问题出发，讲解如何通过信息分层、视觉前后关系、交互动效与 ArkUI 布局能力，将普通 2D 页面逐步重构为空间层级界面，并结合 DevEco Studio 验证实现效果，总结空间化设计中的性能、交互与可用性取舍。

李游Leo
2026-09-03 16:02:25

 4077

 8

#harmonyos #ui #平面
HarmonyOS 6 效果实现：ArkTS数组响应式更新避坑指南，剖析简单赋值无法触发视图刷新的底层诱因，掌握数组解构、splice、replace等正确更新写法，告别列表页面数据变更无刷新的痛点

在高校信息化建设浪潮中，校园媒体资讯平台是连接师生与校园生态的核心枢纽。从头条要闻的横滑浏览到频道栏目的嵌套翻页，从校园站点的网页直达到下载文件的双链溯源，从晨报速递的 AI 字幕听报到个人订阅的身份管理，每一项功能都需要精确的数据驱动、流畅的滚动交互和丰富的多媒体能力。传统校园应用往往面临三大困境：资讯分类缺乏视觉锚点导致浏览效率低下、下载来源无法追溯导致文件去向不明、听力障碍或静音场景下音频内

 2401_86049470
2026-08-30 18:25:14

 46

#harmonyos #交互 #华为 +2
HarmonyOS 6Canvas手势交互事件分发原理深挖，触摸点位采集、坐标转换、多点触控识别全套技术落地，解决画布内手势和上层页面滑动冲突难题，打造丝滑流畅的画布交互体验

bg: string;// 页面底色·浅海雾蓝// 卡片底色·纯白// 胶囊/输入底色·浅云蓝// 主标题·深海墨蓝// 次级文字·青灰蓝// 弱化文字·雾蓝灰// 主色·海岸蓝// 辅色·珊瑚橙// 辅色·海藻绿// 辅色·鸢尾紫// 分割线·浅雾线// Tab 激活色·海岸蓝// 弹窗遮罩·深海墨// 渐变卡上的纯白文字// 渐变卡上的弱化白文字// 渐变卡上的进度条轨道色色彩接口集中声明了页

 2401_86049470
2026-08-30 18:24:42

 111

#harmonyos #交互 #华为 +2
基于 HarmonyOS ArkTS API 24状态双向绑定高级进阶，打破基础@State使用局限，熟练运用@Link、@Prop、@ObjectLink装饰器完成跨组件状态传递，理清单向数据流原则

平台采用深色安全蓝灰主题，通过接口集中声明全部颜色字段。bg: string;// 页面背景（安全蓝灰黑）// 卡片底色（深蓝灰）// 主标题（冷白）// 副标题（蓝灰）// 三级弱文本（暗蓝灰）// 警示橙（主色）// 警示橙深色（渐变起点）// 信息蓝（电气 / 内层日志）// 合格绿（消防 / 已生效）// 警示红（失败 / 删除）// 分割线// Tab 选中色// 弹窗遮罩// 橙底文字

 2401_86049470
2026-08-30 18:24:09

 84

 2

#harmonyos #华为 #ui +1
HarmonyOS ArkTS API 24ArkUI自定义组件生命周期全流程剖析，从aboutToAppear到aboutToDisappear逐阶段梳理执行时机，理清状态变更与生命周期回调的先后关

bg: string;// 页面底色·夜跑黑// 卡片底色·炭咖// 次级容器底色// 主标题·暖白// 次级文字·燕麦// 弱化文字·灰咖// 主题色·活力橙// 主题色深·深橙// 辅色·青柠绿// 辅色·湖蓝// 辅色·警示红// 分割线// Tab 激活色// 弹窗遮罩// 青柠渐隐（折线图渐变终点）// 渐变起点·深橙棕// 渐变终点·活力橙// 主色按钮上的深字// Tab 图标//

2401_86049470
2026-08-30 18:23:36

 110

#harmonyos #华为 #ui +1
HarmonyOS 6 ArkUI‑命名重复类冲突问题深度拆解，剖析ArkUI编译阶段类、自定义组件、函数标识符重名的冲突机制，搭建项目统一命名规约，学会模块隔离重构，彻底清除重复定义编译障碍

在数字文博与智慧文旅蓬勃发展的当下，文化遗产的探索方式正经历从"纸质导览册"到"沉浸式数字地图"的深刻变革。从大雁塔的唐风楼阁到大明宫的宫殿遗址，从碑林博物馆的石刻瑰宝到兴教寺塔的玄奘遗韵，每一处长安古迹都承载着不同的朝代信息、保护等级和地理坐标。传统文博导览应用面临三大挑战：地图标注缺乏交互深度导致用户只能被动浏览、网页下载来源不可追溯导致数字资源可信度模糊、图像元数据无法读写验证导致老照片数字

 2401_86049470
2026-08-30 18:22:33

 202

 6

#harmonyos #重构 #华为 +2
HarmonyOS 6 效果实现：ArkTS接口类型缺失报错深度排查，理清interface接口字段校验逻辑，建立数据实体与接口定义双向对齐的开发习惯，从源头杜绝对象赋值时属性不匹配引发的运行异常

在表达力教育领域，演讲口才训练正从线下小班走向数字化、智能化的移动端体验。从开场破冰的即兴表达，到金字塔逻辑的结构拆解，从语速节奏的精准控制，到眼神交流的巡航训练，每一项技能的习得都需要持续的练习反馈、多维的数据可视化和沉浸式的舞台感设计。传统口才训练应用面临三大痛点：练习过程缺乏舞台沉浸感导致用户难以进入状态、镜头跟拍模糊导致表情与手势细节丢失、字幕与语速反馈割裂导致复盘效率低下。与此同时，口才

 2401_86049470
2026-08-30 18:22:02

 184

 4

#harmonyos #华为 #架构 +1
基于 HarmonyOS ArkTS API 24组件回调属性未初始化报错根治方案，读懂强制‑default‑value‑for‑local‑initialization校验规则，配置兜底空回调，规避

平台采用浅色青春蓝白主题，通过bg: string;// 页面底色·浅云蓝白// 卡片底色·纯白// 胶囊/输入底色·浅湖蓝// 主标题·墨蓝黑// 次级文字·青灰蓝// 弱化文字·雾蓝灰// 主色·青春蓝// 辅色·活力红（热榜 TOP1）// 辅色·青葱绿// 辅色·暖阳橙// 分割线·浅雾线// Tab 激活色·青春蓝// 弹窗遮罩·墨蓝半透// 渐变卡上的纯白文字// 渐变卡上的弱化白文字

 2401_86049470
2026-08-30 18:20:57

 246

 2

#harmonyos #华为 #架构 +1
HarmonyOS ArkTS API 24深度解析@State装饰器底层响应原理，理清状态变量更新驱动视图刷新的完整链路，剖析作用域边界、初始化约束与常见编译报错根源，掌握状态管理高级避坑方案，大幅

在出境旅游服务加速数字化的当下，跨境旅行正从"纸质攻略+离线地图"向"一站式智能行程簿"演进。从签证状态速览到目的地横滑选卡，从地图地标长按探索到景点 POI 相关性搜索，从行程提醒时间轴到沙箱自定义通知铃声，再到 AI 字幕多语讲解——每一项能力都对应着一个独立的业务场景和一套差异化的交互模式。传统旅行应用面临三大痛点：地图交互停留在只读浏览层缺乏事件监听能力、通知铃声只能用系统预设无法个性化定

 2401_86049470
2026-08-30 18:20:16

 247

 5

#harmonyos #华为 #架构 +1
HarmonyOS 6Canvas画布核心渲染机制实战，吃透2D图形坐标系、路径绘制、图层叠加以及离屏缓存原理，掌握手势缩放、轨迹捕捉、重绘优化技巧，解决画布卡顿、画面残影等高频疑难问题

bg: string;// 页面背景（深褐）// 卡片底色（深木）// 标题（宣纸暖白）// 副文（绢帛黄）// 三级弱文（陶土灰）// 青铜绿主色// 青铜深色// 鎏金// 朱砂红（国保徽章/删除）// 青蓝// 分割线// Tab 选中色// 弹窗遮罩{ icon: '🏛️', label: '首页' },{ icon: '🗺️', label: '地图' },{ icon: '🔍',

2401_86049470
2026-08-30 18:21:28

 260

 5

#harmonyos #缓存 #华为 +2
HarmonyOS ArkTS API 24 上下文UIContext获取机制，脱离组件实例实现全局功能方法调用方案

在共享经济渗透城市生活空间的当下，沉浸书桌式的共享自习室正成为大学生备考、远程办公者深度工作的第三空间。从舱位实时入座率的可视化监控到门店地理标点的长按交互，从 POI 关键字搜索的可靠性评分到预约提醒通知的沙箱自定义铃声，每一个功能环节都需要精确的状态驱动、流畅的画布渲染和即时的地图响应能力。传统自习室预约应用往往面临三大瓶颈：入座率数据缺乏动态可视化导致用户无法快速判断余位紧张度、通知铃声千篇

 qq63160596
2026-08-24 17:34:20

 186

 8

#华为 #harmonyos #交互 +1
HarmonyOS 6.1 实战沙箱文件目录获取与文件保存逻辑，适配应用私有目录下载文件持久化存储方案

在智慧园区与现代化物业管理领域，安全巡检正经历从"纸质表单+人工巡签"到"数字取证+实时告警"的深刻变革。从消防通道占用复查到配电间红外测温，从喷淋管网压力巡检到应急照明断电测试，每一项巡检任务都需要匹配不同的取证场景、检查维度和告警机制。传统物业巡检应用面临三大挑战：巡检取证画面构图不稳定导致隐患遗漏、对焦距离无法精确控制导致铭牌模糊、告警铃声无法自定义导致通知辨识度低。HarmonyOS Ar

qq63160596
2026-08-30 17:54:15

 189

 7

#华为 #harmonyos #交互 +1
基于HarmonyOS ArkTS API 24 ForEach精准Diff渲染机制，解析Key包含动态状态值实现视图精准重绘原理

在研究生入学考试备考领域，学习资源管理正经历从"零散搜集"到"溯源闭环"的深刻变革。从考研数学历年真题的逐卷精刷，到英语一阅读理解的专项突破，再到政治主观题的背诵打卡，每一位考生都需要一个整合题库管理、真题下载、学习提醒和错题复盘的全链路工具。传统备考应用面临三大痛点：真题下载来源无法溯源导致资料真伪难辨、学习提醒铃声千篇一律导致通知体验割裂、刷题进度缺乏可视化呈现导致备考节奏失控。Harmony

qq63160596
2026-08-25 20:39:01

 539

 5

#华为 #harmonyos #ui
HarmonyOS ArkTS API 24 枚举类型与状态文案映射封装，实现前端展示文案与底层枚举解耦的工程化方案

在数字化校园建设浪潮中，校园资讯阅读平台已成为连接师生与校园生活的核心纽带。从学术前沿的硅光芯片突破到社团话剧的开票公告，从双选会企业名录到图书馆自习区试运行，每一条校园资讯都需要精准的内容分发、清晰的信息层级和流畅的跨模块交互体验。传统校园资讯应用往往面临三大痛点：资讯分类割裂导致频道切换生硬、下载来源不可追溯导致文件管理混乱、听报场景缺乏字幕辅助导致无障碍体验缺失。HarmonyOS ArkU

qq63160596
2026-08-25 20:38:49

 441

 13

#华为 #harmonyos #ui
HarmonyOS 6 ArkUI 胶囊标签自适应布局开发，结合弹性布局实现标签自动适配与选中高亮样式切换

在跨境旅行服务领域，出境导航正经历从"纸质攻略"到"数字向导"的深刻变革。从签证状态速览到港珠澳大桥口岸集合提醒，从景点 POI 相关性搜索到 AI 字幕多语讲解，每一项能力都需要匹配不同的出行场景、数据模型和交互反馈机制。传统出境导航应用面临三大挑战：地图标注无法长按交互导致地标探索割裂、字幕语言无法灵活切换导致双语讲解断档、通知铃声无法自定义导致行程提醒千篇一律。HarmonyOS ArkUI

qq63160596
2026-08-25 20:35:18

 461

 11

#华为 #harmonyos #ui
基于HarmonyOS ArkTS API 24 状态分层管理架构设计，拆解UI状态表单状态业务状态的隔离优化思路

平台采用深色"夜跑黑"主题，通过bg: string;// 页面底色·夜跑黑// 卡片底色·炭咖// 主标题·暖白// 次级文字·燕麦// 弱化文字·灰咖// 主题色·活力橙// 主题色深·深橙// 辅色·青柠绿// 辅色·湖蓝// 辅色·警示红// 分割线// Tab 激活色// 弹窗遮罩// 青柠渐隐（折线图渐变终点）// 渐变起点·深橙棕（身份大卡）// 渐变终点·活力橙（身份大卡）// 主

 qq63160596
2026-08-25 20:33:21

 507

 7

#华为 #harmonyos #ui
HarmonyOS 6 效果实现 Tabs双层嵌套手势联动调试，区分SELF_FIRST与SELF_ONLY两种滚动模式行为差异

bg: string;// 页面背景（暗房黑）// 卡片底色（深灰绿）// 主标题（冷白）// 副标题（灰绿）// 三级弱文本（暗灰绿）// 银盐青（主色）// 银盐青深色// 暗房琥珀（辅助暖色）// 信息蓝（原始 URL）// 警示红（失败 / 删除）// 分割线// Tab 选中色// 弹窗遮罩{ icon: '🖼️', label: '作品' },{ icon: '📷', label:

qq63160596
2026-08-25 20:33:11

 485

 9

#华为 #harmonyos #ui
基于HarmonyOS ArkTS API 24 页面生命周期资源销毁机制，解决定时器常驻后台引发的内存泄漏故障

平台采用深色安全蓝灰主题，通过接口集中声明全部颜色字段。bg: string;// 页面背景（安全蓝灰黑）// 卡片底色（深蓝灰）// 主标题（冷白）// 副标题（蓝灰）// 三级弱文本（暗蓝灰）// 警示橙（主色）// 警示橙深色（渐变起点）// 信息蓝（电气 / 内层日志）// 合格绿（消防 / 已生效）// 警示红（失败 / 删除）// 分割线// Tab 选中色// 弹窗遮罩// 橙底文字

 qq63160596
2026-08-25 20:16:36

 51

#华为 #harmonyos #ui