登录社区云，与社区用户共同成长
邀请您加入社区
选对 Skill 是第一步：根据项目需求选择合适的 UI 设计 Skill，frontend-design 是基础，frontend-design-pro 和 impeccable 能带来质的飞跃图标专业化：放弃 Emoji，使用 Font Awesome、Lucide、Material Icons 等专业图标库，通过 CDN 方便引入背景真实化：用 Unsplash、Pexels 等正版图库的真
Flutter 鸿蒙项目的调试比纯 Flutter 项目复杂得多，因为问题可能出在 Flutter 层、Platform Channel 层、ArkTS 层、系统 API 层。本文以食界探味为例，介绍 hdc 日志抓取、DevEco Studio 断点调试、Flutter DevTools 三方协同的排查方法，帮你建立"先查哪一层、后查哪一层"的调试直觉。
鸿蒙 Flutter 项目中存在两套图片资源体系：ArkTS 侧的 $r('app.media.*') 资源和 Flutter 侧的 assets/ 资源。在卡片场景中，ArkTS 卡片需要从本地资源加载图片，而 Flutter 应用内则通过网络 URL 或 CachedNetworkImage 加载。本文以食界探味的菜品图片为例，讨论两套资源体系的共存策略、命名冲突的避免方法、以及推荐数据在 A
ArkUI提供了TextInput和TextArea两种文本输入组件，分别适用于单行和多行文本输入场景。TextArea支持自动扩展高度、字符计数、占位提示等特性，是备忘录、评论等多行文本输入的首选方案。本文通过一个备忘录笔记Demo，详细介绍了TextArea的核心用法，包括自适应高度设置、字符计数实现、占位提示定制，以及与分类标签、笔记列表的联动管理功能。文章还对比了TextArea与Text
本文深入讲解HarmonyOS的TextInput组件，通过用户注册表单Demo展示其核心功能： 核心功能 支持多种输入类型（密码/邮箱/手机号等），自动匹配键盘布局 内置密码显隐切换、字符计数、占位符样式等实用功能 关键技术点 InputType枚举配置键盘类型（如Password/Email/Number） showPasswordIcon实现密码一键显隐 maxLength+showCoun
本文探讨了UI自动化测试中传统元素定位方法（如XPath、CSS选择器）的三大痛点：脆弱性、语义缺失和多端重复维护。针对这些问题，提出了一种层级化命名空间（Hierarchical Namespace）的解决方案。该方案通过四层业务语义标识（业务模块→页面→组件→元素）替代技术路径，使元素定位与UI结构解耦。文章详细介绍了规范设计原则、多平台实现方式（Web/React Native/iOS/An
本文介绍了HarmonyOS NEXT API 10中的TextClock组件，该组件能自动获取系统时间并实时更新，简化了传统时间显示开发流程。主要内容包括： TextClock核心功能：通过format()方法设置时间格式，支持12/24小时制切换，无需手动管理定时器和格式化。 组件特性：继承Text样式属性但具备自动更新能力，每秒从系统时间源获取最新数据，保证多实例同步显示。 数字时钟展廊De
摘要： ArkUI API 10 引入的 Progress 组件为 HarmonyOS NEXT 开发者提供了四种进度条形态（Linear、Ring、Capsule、ScaleRing），简化了进度展示的实现。通过 value 和 total 控制进度比例，支持颜色、线条粗细等样式自定义。本文以健身目标追踪 Demo 为例，展示四种类型的应用场景：Linear（步数）、Ring（卡路里）、Caps
鸿蒙Next的UI国际化、无障碍和适老化功能展示了技术人文关怀的重要方向。作为开发者，我们不仅有责任打造功能强大的应用，更应该创建人人可用的数字体验。通过充分利用鸿蒙Next提供的各种工具和框架，我们可以共同构建一个更加包容的数字世界，让科技真正惠及每一个人。
本文介绍了从编程式导航(@ohos.router)转向声明式导航(Navigation框架)的过程。声明式导航通过状态驱动UI变化，核心包括Navigation容器、NavPathStack导航栈和NavDestination目标页三个要素。文章详细展示了如何重构商品应用，包括定义数据模型、改造列表页作为导航容器、使用@State管理导航状态、通过@Builder构建目标页面，以及详情页通过@Pr
情景感知UI：自动切换驾驶/非驾驶模式安全优先设计：注意力分散时的自动干预多设备协同：关键信息跨设备实时同步车队管理：多车辆状态监控电动车辆：充电站导航集成高级驾驶辅助：与ADAS系统深度整合AR-HUD集成：前挡风玻璃投影显示V2X通信：与交通设施实时交互生物识别：驾驶员状态深度监测。
badge小红点角标是我们项目开发中常见的需求，信息标记组件，可以附加在单个组件上用于信息提醒的容器组件。
基于HarmonyOS AI能力的植物病害检测植物位置信息记录与展示健康状态评估与治疗建议多设备间的数据同步直观的用户界面和交互体验通过借鉴游戏中的多设备同步技术，我们构建了一个实用的园艺健康管理工具。该项目展示了HarmonyOS在AI图像处理和分布式技术方面的强大能力，为开发者提供了农业科技和智能家居应用开发的参考方案。
基于HarmonyOS AI能力的文档扫描多格式文档转换与存储跨设备文件共享与管理直观的用户界面和操作体验通过借鉴游戏中的多设备同步技术，我们构建了一个实用的文档数字化工具。该项目展示了HarmonyOS在文件管理和分布式技术方面的强大能力，为开发者提供了办公类应用开发的参考方案。
Navigation组件是路由导航的根视图容器，一般作为Page页面的根容器使用，其内部默认包含了标题栏、内容区和工具栏，其中内容区默认首页显示导航内容（Navigation的子组件）或非首页显示（ NavDestination 的子组件），首页和非首页通过路由进行切换。新闻阅读、社交资讯、生活服务、电商、办公等类型的内容，在详情页浏览内容时，可以通过上滑隐藏标题栏、工具栏，下滑或停留超过一定时长
用于给插件组件的使用者请求组件与数据，使用者发送组件模板和数据。
本章介绍图片美化应用中如何使用”一多”的布局能力，完成页面层级的一套代码、多端适配。
微信和QQ的小红点强迫症看到这个就想点，看看仓颉鸿蒙HarmonyOS NEXT是怎么开发出来的吧！可以附加在单个组件上用于信息标记的容器组件。Badge暂不支持混合页面场景。如对您有帮助，帮忙点个“” 让更多的人受益~！技术交流群可加wx“”备注cangjie。
动态操作包含动态创建组件指在非build生命周期中进行组件创建，即在build生命周期前提前创建组件。通过动态创建组件，不但可以节省组件创建的时间，提升用户体验，还可以将独立的逻辑进行封装，有助于应用模块化开发。动态卸载组件（动态删除组件）动态卸载组件是对动态创建的组件进行卸载、删除。
OpenHarmony的DFX子系统提供了为应用框架以及系统底座核心模块的性能打点能力，每一处打点即是一个Trace，其上附带了记录执行时间、运行时格式化数据、进程或线程信息等。
它功能齐全，包括代码补全、推荐、单测生成、AI 问答、BUG 修复等。原理部分阐述了两者的核心概念、优点和工作流程，实战包括安装环境、创建应用、容器化、部署到集群及浏览器验证，还提到了自动化部署方案，最后总结强调实操重要性并给出个人建议。本文介绍了鸿蒙中关于文本溢出效果的相关内容，包括各平台对溢出效果的支持情况，鸿蒙的优势与局限，以及在鸿蒙中实现文本溢出的安装、使用、实现方法，如Paragraph
本示例实现了tabContent内容可以在tabBar上显示并且tabBar可以响应滑动事件的功能。
码图生成能力支持将字符串转换为自定义格式的码图，包含条形码、二维码生成。
如果应用涉及获取受限权限，在应用发布上架时，应用市场（AGC）将根据应用的使用场景审核是否可以使用对应的受限权限。如不符合，应用的上架申请将被驳回
本文的讨论是接续的讨论。在上一篇文章中，我们讨论了常规的JS对象(普通JSON对象、Object、Map、Array等)、ArrayBuffer。其中讨论了ArrayBuffer的复制传输和转移传输方式。下面，我们将讨论SharedArrayBuffer。
利用ArkUI Inspector工具，开发者可以快速定位布局问题或其他UI相关问题，同时也可以观察和了解不同组件之间的布局关系和属性，学习如何通过布局属性来控制组件的显示方式。
键值型数据库（KV-Store）是一种非关系型数据库，其数据以“键值”对的形式进行组织、索引和存储，其中“键”作为唯一标识符。键值型数据库适合很少数据关系和业务关系的业务数据存储。另外，因键值型数据库在分布式场景中降低了解决数据库版本兼容问题的复杂度，和数据同步过程中冲突解决的复杂度而被广泛使用。相比于关系型数据库，更容易做到跨设备跨版本兼容。
在分析性能问题之前、验证性能优化方案之时，开发者会需要对应用的性能指标做检测。本文会先说明丢帧和响应速度问题相关的性能指标检测方法，然后再阐述两个角度下，略有不同的问题分析思路。
HashMap底层使用数组+链表+红黑树的方式实现，查询、插入和删除的效率都很高。HashMap存储内容基于key-value的键值对映射，不能有重复的key，且一个key只能对应一个value。
如下图所示，下方字块在点击后，经过一定的时间，才开始动画，实际经过延迟很大。
图片解码指将所支持格式的存档图片解码成统一的PixelMap，以便在应用或系统中进行图片显示或图片处理。当前支持的存档图片格式包括JPEG、PNG、GIF、WebP、BMP、SVG、ICO、DNG、HEIF(不同硬件设备支持情况不同)。
下文将展示如何在应用内增加一个按钮，并单击该按钮以调用HiCollie Ndk接口。
有朋友留言：能出一个抽奖转盘的教程吗 网上好像没有鸿蒙做圆形扇形的源码，最好做个可以选择自增的 类似于根据数组元素自增扇形切割圆形面积的。这里咱们就讨论下这个实现方案。先看效果（文末有源代码）：中间有一个大圆盘，圆盘顶部有一个指针，圆盘正中央有一个圆形的“开始/结束”控制按钮。
Enterprise Device Manager（企业设备管理工具，简称为edm），为设备管理应用提供调试和测试能力，例如激活企业设备管理拓展能力、解除激活企业设备管理拓展能力。
元数据（Metadata）是对相机返回的图像信息数据的描述和上下文，针对图像信息，提供的更详细的数据，如照片或视频中，识别人像的取景框坐标等信息。
当前示例提供完整的HDR拍照开发步骤，方便开发者实现HDR拍照的功能。
OpenHarmony默认提供了电量与LED灯颜色的映射关系。对于部分产品形态（如Pad），会使用LED灯的颜色来展示当前设备充电时的电量信息，如高电量使用绿色、低电量黄色、极低电量使用红色。这种电量与LED灯颜色的映射关系，需要根据产品进行自定义。为此OpenHarmony提供了电量与LED灯颜色映射的定制方式，产品定制开发者可根据产品的设计规格来定制此特性。
当应用需要读取用户图片时，开发者可以在应用界面中嵌入PhotoPicker组件，在用户选择所需要的图片资源后，直接返回该图片资源，而不需要授予应用读取图片文件的权限，即可完成图片或视频文件的访问和读取。
DevEco Studio新增主线程序列化和反序列化检测能力，同时支持配置序列化/反序列化超时阈值。对于超过阈值的序列化和反序列化操作，在泳道中给出告警提示，并可以关联该时刻的调用栈信息，更好地帮助开发者定位性能问题。
图像数据识码能力支持对相机预览流数据中的码图进行扫描识别，并获取信息。
一个Object对象，使用[createPattern]方法创建，通过指定图像和重复方式创建图片填充的模板。
当开发者创建了自定义组件，并想对该组件添加特定功能时，例如在自定义组件中添加一个点击跳转操作。若直接在组件内嵌入事件方法，将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题，ArkUI引入了@BuilderParam装饰器，@BuilderParam用来装饰指向[@Builder]方法的变量（@BuilderParam是用来承接@Builder函数的）。开发者可以在初始化自定义组件时，
当系统资源不足时，系统会通过多种方式从应用中回收内存，必要时会完全停止应用，从而释放内存用于执行关键任务。为了进一步保持系统内存的平衡，避免系统停止用户的应用进程，可以在AbilityStage中的onMemoryLevel()生命周期回调中订阅系统内存的变化情况，释放不必要的资源。打开MyAbilityStage.ets文件，导入AbilityStage的依赖包，自定义类继承AbilitySta
线程间通信指的是并发多线程间存在的数据交换行为。由于ArkTS语言兼容TS/JS，其运行时的实现与其它所有的JS引擎一样，都是基于Actor内存隔离的并发模型提供并发能力。对于不同的数据对象，在ArkTS线程间通信的行为是有差异的，比如普通JS对象、ArrayBuffer对象、SharedArrayBuffer对象等，跨线程的行为是不一致的，包括序列化反序列化拷贝、数据转移、数据共享等不同行为。
XML（可扩展标记语言）是一种用于描述数据的标记语言，旨在提供一种通用的方式来传输和存储数据，特别是Web应用程序中经常使用的数据。XML并不预定义标记。因此，XML更加灵活，并且可以适用于广泛的应用领域。XML文档由元素（element）、属性（attribute）和内容（content）组成。内容则是元素包含的数据或子元素。属性提供了有关元素的其他信息。元素指的是标记对，包含文本、属性或其他元
FileUri提供了关于文件URI的基本操作，对外提供了URI与沙箱路径之间互相转换、远端URI判定、获取URI所在目录路径的URI等接口，方便用户将文件URI与沙箱路径相互转换。
使用Web组件大小自适应页面内容布局模式layoutMode(WebLayoutMode.FIT_CONTENT)时，能使Web组件的大小根据页面内容自适应变化。
ui
——ui
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
龙虾开发者社区
人工智能6S服务平台
AI硬件创业社区
HarmonyOS开发者社区
