摘要: 在应用使用手机号登录验证时,通常需要输入手机验证码4位或者6位,今天实现一个验证码输入的功能。以下,提供了2种实现方案: 第一种比较复杂,每个验证码输入框使用了一个TextInput,需要处理每个TextInput输入回调、删除回调,和焦点处理。 1.拦截输入前onWillInsert和删除前onW 阅读全文
posted @ 2025-06-27 16:05 HarmonyOS开发 阅读(110) 评论(0) 推荐(0)
摘要: 当我们需要列表展示通讯录、城市名时,通常会使用到右侧的索引条,可以帮助用户快速定位到某一类的头部。本文介绍一下使用List+ListItemGroup+AlphabetIndexer实现2种常见模式的通讯录。看一下实现效果: 实现过程: 1.以通讯录为例,联系人一般我们以首字母分类,所以索引列表就是 阅读全文
posted @ 2025-06-25 10:45 HarmonyOS开发 阅读(76) 评论(0) 推荐(0)
摘要: ArkTS提供了TaskPool与Worker两种多线程并发方案,当任务不需要长时间(3分钟)占据后台线程,而是一个个独立的任务时,推荐使用TaskPool,反之推荐使用Worker。 使用TaskPool可以实现: 1.创建一个任务线程,执行一个耗时任务,并返回结果 2.一次执行一组任务,执行完成 阅读全文
posted @ 2025-06-25 10:44 HarmonyOS开发 阅读(173) 评论(0) 推荐(0)
摘要: 组件的某些通用属性变化时,可以通过属性动画实现渐变过渡效果,提升用户体验。支持的属性包括width、height、backgroundColor、opacity、scale、rotate、translate等。 本文介绍一下以上几个属性各动画的执行效果,并且实现一个简单的点赞功能,看一下演示效果: 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(54) 评论(0) 推荐(0)
摘要: 当我们长按桌面应用图标时,会弹出一个列表选项,除了系统自带的卸载之外,还有一些自定义的快捷功能,可以帮我们快速打开指定的页面。还有自定义卡片,可以添加到桌面,展示一些信息,也可以快速打开指定的页面。这一篇,介绍一下这两个快捷方式的使用方法。 shortcuts标签和桌面动态卡片,都可以通过route 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(57) 评论(0) 推荐(0)
摘要: 本文介绍一下常用的选择开关、单选、多选按钮使用。 效果演示: Toggle ToggleType提供勾选框样式(Checkbox)、状态按钮样式(Button)和开关样式(Switch) 仅当ToggleType设置为Button时,可包含子组件。 仅当ToggleType设置为Switch时,可设 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(56) 评论(0) 推荐(0)
摘要: 音频录制开发方式系统提供了多样化的API: 1.AudioCapturer: 用于音频输入的ArkTS/JS API,仅支持PCM格式。应用可以在音频输出后添加数据处理,要求开发者具备音频处理的基础知识,适用于更专业、更多样化的媒体录制应用开发。 2.OpenSL ES: 一套跨平台标准化的音频Na 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(101) 评论(0) 推荐(0)
摘要: 上篇介绍了使用AVRecorder录制音频,这篇记录一下使用AudioCapturer实现录制音频,并且实现在录制的同时,使用AI实现语音转文字的功能。 效果演示: 录制实现步骤: 1.配置音频采集参数AudioCapturerOptions:AudioStreamInfo音频流信息和AudioCa 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(73) 评论(0) 推荐(0)
摘要: 实现目标: 抖音小视频播放时,双击屏幕会在手指点击位置出现一个小红心,由大变小,然后放大渐变消失,并且点击速度快,可以出现多个小红心动画,每次出现的小红心会有一个小角度的旋转。 实现思路: 1.双击屏幕,在手指点击位置会出现小心心,因此需要监听双击手势,并且获取到点击坐标 2.快速点击,会产生多个小 阅读全文
posted @ 2025-06-20 16:53 HarmonyOS开发 阅读(47) 评论(0) 推荐(0)
摘要: 数据面板组件,用于将多个数据占比情况使用占比图进行展示。 本文介绍,环形、线性、自定义柱状面板。 可根据实际需求选取合适的面板类型。 注意:最多包含9个数据,数据面板的类型(不支持动态修改) 看一下演示效果和源码: @Entry@ComponentV2struct DataPanelTest{ pu 阅读全文
posted @ 2025-06-13 15:28 HarmonyOS开发 阅读(50) 评论(0) 推荐(0)