鸿蒙Next

在应用使用手机号登录验证时，通常需要输入手机验证码4位或者6位，今天实现一个验证码输入的功能。以下，提供了2种实现方案： 第一种比较复杂，每个验证码输入框使用了一个TextInput，需要处理每个Te

当我们需要列表展示通讯录、城市名时，通常会使用到右侧的索引条，可以帮助用户快速定位到某一类的头部。本文介绍一下使用List+ListItemGroup+AlphabetIndexer实现2种常见模式的

ArkTS提供了TaskPool与Worker两种多线程并发方案，当任务不需要长时间（3分钟）占据后台线程，而是一个个独立的任务时，推荐使用TaskPool，反之推荐使用Worker。 使用TaskP

当我们长按桌面应用图标时，会弹出一个列表选项，除了系统自带的卸载之外，还有一些自定义的快捷功能，可以帮我们快速打开指定的页面。还有自定义卡片，可以添加到桌面，展示一些信息，也可以快速打开指定的页面。这

上篇介绍了使用AVRecorder录制音频，这篇记录一下使用AudioCapturer实现录制音频，并且实现在录制的同时，使用AI实现语音转文字的功能。 效果演示： 录制实现步骤： 1.配置音频采集参

音频录制开发方式系统提供了多样化的API： 1.AudioCapturer： 用于音频输入的ArkTS/JS API，仅支持PCM格式。应用可以在音频输出后添加数据处理，要求开发者具备音频处理的基础知

本文介绍一下常用的选择开关、单选、多选按钮使用。 效果演示： Toggle ToggleType提供勾选框样式(Checkbox)、状态按钮样式(Button)和开关样式(Switch) 仅当Togg

实现目标： 抖音小视频播放时，双击屏幕会在手指点击位置出现一个小红心，由大变小，然后放大渐变消失，并且点击速度快，可以出现多个小红心动画，每次出现的小红心会有一个小角度的旋转。 实现思路： 1.双击屏

组件的某些通用属性变化时，可以通过属性动画实现渐变过渡效果，提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、transl

本文通过实现一个汽车仪表盘，介绍使用CanvasRenderingContext2D在Canvas组件上进行绘制图形。 看一下最终演示： 先了解一下CanvasRenderingContext2D都有

本文将Canvas基础方法和属性罗列出来，通过不同按钮实现不同的绘制，可直观的看到每个功能的绘制结果。感兴趣的同学，可以复制源码，运行起来点点。 源码：

当我们需要环形展示数据进度，但是又不想使用一个完整的圆环时，Progress组件就不能满足我们的需求，例如汽车的速度表盘，这时我们就需要用引入Gauge组件，他可以满足环形进度展示的同时，设置起始角度

数据面板组件，用于将多个数据占比情况使用占比图进行展示。 本文介绍，环形、线性、自定义柱状面板。 可根据实际需求选取合适的面板类型。 注意：最多包含9个数据，数据面板的类型（不支持动态修改） 看一下演

本文主要整理一下TextInput输入框，输入内容到显示相关的事件回调及用途。 常用事件如下： 事件名称 回调时机 onChange 输入内容发生变化时，触发该回调 onEditChange 输入状态

有同学留言，想要实现一个双滑块的进度条，安排！ 实现思路： 1.实现双滑块滑动条，因此需要2个滑块，一个滑动条 2.使用Stack布局，左右放2个Circle作为滑块，实现2个滑块 3.如果想区分滑动

配置键盘避让时页面的避让模式有三种，分别是上抬模式、压缩模式、不避让 接下来通过一个简单案例介绍这三种模式的使用和区别。 例如以下布局，一个顶部的Row按钮区，底部一个固定高度的按钮区，中间内容区域充

本文介绍一下轮播组件Swiper的基本使用，各属性的含义已在代码中注释说明，可以通过动态修改，查看各属性起到的作用。 通过一个Row容器组件添加属性动画，设置动画持续时间与swiper播放时间匹配,实

音视频播放进度，亮度调节等快速调节设置值的场景通常需要使用到进度条组件 本文列举了Slider所有属性介绍和使用，详细看代码注释和操作按键，即可了解每个属性的功能。 看一下效果图，简单介绍一下： 可以

进度条组件，用于显示内容加载或操作处理等进度 官方提供了5种类型的进度条，看一下演示效果： 注意：只有环形进度条Ring支持设置渐变色 1.设置ProgressOptions 名称 说明 value

本文介绍一下： 1.获取指定目录下的文件 2.向文件内追加写入 3.读取文件中的内容 看一下实现效果： 实现步骤： 1.使用fileIo.writeSync(fd: number, buffer: A