鸿蒙开发者社区

在做UI设计时，我们经常会碰到这样一个需求：要在某个图标、按钮或列表项的角落加一个小小的提示，比如红点、新消息数量、状态标签之类的。这时候就轮到​​Badge​​组件登场了。如果你想要一个简单优雅、可配置灵活的信息标记功能，​​Badge​​就是官方给你的标准答案。组件简介：Badge是干什么的？​​Badge​​是一个「信息标记容器组件」，可以附加在你指定的任何子组件上，用来做提示提醒，比如：红点数字（199+）文本...

在日常开发中，如果你有类似「左侧导航+右侧内容」的布局需求，比如后台管理界面、文件管理器、设置页等，​​SideBarContainer​​是非常值得掌握的组件。它自带侧边栏和主内容区的分离机制，还支持折叠、拖拽、控制按钮和多种显示模式，是构建复杂页面结构的好帮手。这篇文章将从实际开发视角出发，用一段简化的示例代码，带你快速掌握​​SideBarContainer​​的使用方法，并逐步解析核心属性与交互行为。组件简介​​SideBa...

一、ListItem是什么？什么时候要用它？在ArkTS里做UI，如果你要展示一堆“有规律、可操作”的列表内容，比如待办清单、联系人、消息列表，ListItem就是你的首选“列表单元格”组件。注意：ListItem只能配合List或ListItemGroup使用，自己单飞是没用的。它最初从API7支持到现在，功能越来越多，滑动删除、卡片样式、选中、多选、滑动操作……全都能玩，适合做复杂的业务型列表。二、ListItem的基本用法——最简单的案例入门假如...

在HarmonyOS应用开发工作中，我频繁碰到组件初始化传参校验的难题。在复杂的组件嵌套里，要是无法确保必要参数在构造时准确传入，就极易引发运行时错误，而且排查起来费时费力。一次偶然的机会，我接触到了​​Require​​​装饰器，它能在编译阶段就对组件构造传参进行严格校验，大大提升了代码的健壮性和开发效率。然而在学习过程中，我发现相关资料零散且缺乏系统性。因此，我决定撰写这篇博客，把自己的学习经验和实践成果...

在最近的项目开发中，我遇到了需要实现复杂动画效果的需求。在探索解决方案的过程中，我发现了​​AnimatableExtend​​​装饰器，它为实现动画效果提供了一种非常灵活且强大的方式。然而，在学习这个装饰器的过程中，我发现相关的资料并不是特别丰富，而且很多资料都缺乏系统性的讲解。因此，我决定写这篇博客，将自己的学习经验和理解分享出来，希望能帮助更多的开发者快速掌握​​AnimatableExtend​​装饰器的使用。1.​​A...

在最近的项目开发工作中，我频繁需要为界面元素添加过渡动画效果，以提升用户体验。在这个过程中，我接触到了ArkTS提供的​​animateTo​​​全局显式动画接口。它为由于闭包代码导致的状态变化插入过渡动效提供了便捷的方式，能让布局类的宽高变化以及内容呈现出流畅的动画效果。然而，这个接口的使用细节和相关参数较多，文档虽然详细但较为零散，对于初学者来说理解和掌握起来有一定难度。因此，我决定撰写这篇博客，将自己...

在我们进行移动应用开发时，经常需要展示用户友好的日期选择器界面，而在鸿蒙OS中，DatePickerDialog就是一个非常实用的组件，它可以帮助我们在应用中轻松地实现日期滑动选择器弹窗，提升用户体验。今天，我将从自学的角度出发，带大家一起探索如何使用DatePickerDialog组件，并根据个人需求定制它的外观和功能。一.什么是DatePickerDialog？DatePickerDialog是鸿蒙OS提供的一个弹窗组件，用于展示日期选择器，用户可以通过滑动...

在日常的ArkTS应用开发工作里，我常常要处理各种复杂的界面布局需求。尤其是在需要将多个子组件进行横向排列，并且希望用户能够灵活调整子组件宽度的场景下，传统的布局方式显得十分繁琐，难以满足动态交互的需求。直到我发现了ArkTS中的​​RowSplit​​​组件，它就像一把钥匙，为我打开了灵活横向布局的大门。通过使用​​RowSplit​​组件，我能够轻松地将子组件横向布局，并在它们之间插入纵向分割线，用户还可以通过拖动...

在日常的ArkTS应用开发工作中，我常常面临着为组件设置不同状态样式的需求。用户与界面进行交互时，如点击、按下、选中、禁用等操作，都希望组件能呈现出相应的视觉反馈，以提升用户体验。然而，传统的样式设置方式在处理这些动态变化时显得力不从心，代码变得冗长且难以维护。直到我接触到了ArkTS的多态样式，它为我提供了一种简洁而强大的解决方案，让我能够轻松地为组件设置不同状态下的样式。为了帮助更多开发者掌握这一实...

在日常的鸿蒙应用开发工作中，我常常会遇到需要绘制各种图形和路径的场景。无论是简单的直线、折线，还是复杂的曲线、椭圆弧，传统的布局方式很难满足多样化的图形绘制需求。直到我接触到了ArkTS中的Path组件，它就像一把神奇的画笔，为我打开了创意绘图的大门。通过灵活运用Path组件，我能够轻松地在应用中绘制出各种精美的图形，为用户带来更加丰富和生动的视觉体验。为了帮助更多开发者快速掌握这个强大的组件，我决定将自己...

在日常的鸿蒙应用开发工作里，我时常面临布局设计的挑战。不同设备的分辨率、宽高比千差万别，若采用传统的固定布局，在某些设备上可能出现组件挤压、留白过多甚至显示错乱的尴尬局面。而GridRow组件宛如一把精准的手术刀，能够巧妙地切割屏幕空间，构建出规整且灵活多变的布局架构，轻松化解多尺寸适配难题。为了帮助同行们少走弯路，快速掌握这一强大工具，我决定将自己的学习心得整理成这篇自学指南。一、GridRow组件基础认...

在日常的鸿蒙应用开发工作中，我常常遇到需要为应用添加灵动、流畅动画效果的场景，从一个按钮的简单位移，到复杂组件的渐变展示，动画已然成为提升用户体验不可或缺的部分。然而，初涉鸿蒙开发的动画领域时，面对众多的API和繁杂的参数设置，我深感迷茫与困惑。为了帮助像曾经的我一样在这方面苦苦摸索的开发者，也为了自己能更好地梳理知识体系，便有了这篇技术博客。今天，我想重点分享两个在鸿蒙开发中非常实用的动画相关AP...

在最近的项目开发工作中，我频繁需要为界面元素添加过渡动画效果，以提升用户体验。在这个过程中，我接触到了ArkTS提供的​​animateTo​​​全局显式动画接口。它为由于闭包代码导致的状态变化插入过渡动效提供了便捷的方式，能让布局类的宽高变化以及内容呈现出流畅的动画效果。然而，这个接口的使用细节和相关参数较多，文档虽然详细但较为零散，对于初学者来说理解和掌握起来有一定难度。因此，我决定撰写这篇博客，将自己...

作为一名专注于移动应用开发的工程师，我在近期的娱乐类APP项目中遇到了人脸相似度比对的需求。传统方案需要集成多个SDK（检测+比对+活体），而HarmonyOS的CoreVisionKit通过统一的​​faceComparator​​模块，将检测、特征提取、比对能力封装为端侧API，大大简化了开发流程。本文基于官方最新文档（JSAPI15），结合实际项目经验，提供从UI设计到功能实现的全链路指南，代码在官方示例基础上进行了参数调整和业务逻辑扩展。一...

在HarmonyOS应用开发工作中，我频繁碰到组件初始化传参校验的难题。在复杂的组件嵌套里，要是无法确保必要参数在构造时准确传入，就极易引发运行时错误，而且排查起来费时费力。一次偶然的机会，我接触到了​​Require​​​装饰器，它能在编译阶段就对组件构造传参进行严格校验，大大提升了代码的健壮性和开发效率。然而在学习过程中，我发现相关资料零散且缺乏系统性。因此，我决定撰写这篇博客，把自己的学习经验和实践成果...

在最近的项目开发中，我遇到了需要实现复杂动画效果的需求。在探索解决方案的过程中，我发现了​​AnimatableExtend​​​装饰器，它为实现动画效果提供了一种非常灵活且强大的方式。然而，在学习这个装饰器的过程中，我发现相关的资料并不是特别丰富，而且很多资料都缺乏系统性的讲解。因此，我决定写这篇博客，将自己的学习经验和理解分享出来，希望能帮助更多的开发者快速掌握​​AnimatableExtend​​装饰器的使用。1.​​A...

在ArkUI框架中，组件化开发是提升代码复用性和维护性的关键手段。随着项目复杂度的增加，开发者常常面临如何在保持组件封装性的同时，灵活处理组件内部逻辑的问题。传统的Builder装饰器虽然提供了强大的自定义构建能力，但在某些场景下可能导致组件父子关系混乱和状态管理复杂化。这正是LocalBuilder装饰器诞生的背景——它旨在提供一种更安全的局部构建方法，确保组件的封装边界不被打破。本文通过详细解析LocalBuilder的工作...

引言：为什么我要写这份开发指南？作为一名老技术，最近特别喜欢研究鸿蒙相机功能，而且目前已经更新到API15了，那么咱们更要好好研究一下。而且从手持云台到车载记录仪，每个项目都面临独特挑战：车载场景的高温稳定性、可穿戴设备的低功耗限制、多设备分辨率适配的玄学……这些痛点促使我重新梳理HarmonyOS相机开发的技术脉络——这正是本文的起源。比如之前在一款运动相机项目中，我们最初直接复用Android相机逻辑，结果在Ha...

最近我在研究HarmonyOS音频开发。在音视频领域，鸿蒙的AudioKit框架提供了AVPlayer和AudioRenderer两种方案。AVPlayer适合快速实现播放功能，而AudioRenderer允许更底层的音频处理，适合定制化需求。本文将以一个开发者的自学视角，详细记录使用AudioRenderer开发音频播放功能的完整过程，包含代码实现、状态管理、最佳实践及踩坑总结。一、环境准备与核心概念1.开发环境设备：HarmonyOSSDK5.0.3工具：DevEcoStudio5.0.7目标：...

编辑器AI插件其实也出来了一段时间了，比如Codegeex、通义灵码等等。但是这些插件都有一个共同的特点，就是通用性，比如装了一个插件就可以开发大部分代码（例如下面的Codegeex官网介绍的支持语言），但是不专精。Codegeex官网显示支持的语言而且鸿蒙有一定开发特点，就是基于自己的编辑器，所以市面上目前除了通义灵码在之前在鸿蒙的专属编辑器DevEco中，就没有其他的选择了。不过目前华为自己也整了个AI插件，叫做CodeGenie，...