- 博客(177)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 HarmonyOS7 UI 实战：PatternLock 九宫格图案锁屏完整实现
手势密码解锁是很多 App 的标配——比起输密码，在九宫格上画一个图案更快也更有仪式感。ArkUI 内置了组件，开箱即用的九宫格手势识别，省去了自己实现触摸轨迹计算的麻烦。这篇文章用做一个带预设图案校验的锁屏页面，顺便讲讲这个组件的各种可配置属性。组件把九宫格手势识别这件事封装得很到位——不用自己处理触摸事件、轨迹计算、碰撞检测。做锁屏、手势密码、手势验证这些需求时，它是一个省心又好用的选择。
2026-07-29 09:59:58
80
原创 HarmonyOS7 实战：Search 搜索框从输入到过滤的完整链路
几乎每个应用都有搜索功能——搜商品、搜文章、搜联系人。ArkUI 提供了Search组件，集成了输入框和搜索按钮，还支持onChange实时过滤和onSubmit提交搜索。但光有个搜索框还不够，搜索历史记录、实时建议、结果展示这些配套功能也得跟上。这篇文章用一个"ArkUI 知识库搜索"的案例，把搜索功能的完整链路串起来。坑1：onChange 和 onSubmit 的职责划分onChange做实时过滤，onSubmit做历史记录保存。别在onChange里保存历史，否则用户每输入一个字符都会存一条记录。
2026-07-29 09:59:40
107
原创 HarmonyOS7 效果实现：RichText 组件渲染 HTML 富文本内容
在 App 里展示文章内容、公告通知、帮助文档，经常需要用到富文本——标题要大、正文要小、链接要蓝色、列表要有圆点。如果全靠 ArkUI 的Text组件一个一个拼样式，代码量爆炸。RichText组件提供了一条捷径——直接传入 HTML 字符串，框架自动解析渲染。支持标题、段落、列表、加粗等常见 HTML 标签。这篇文章就来玩玩这个组件。RichText是 ArkUI 里一个非常实用的组件。在需要展示 HTML 富文本内容的场景下（文章、公告、帮助文档、用户协议），它提供了最便捷的方案。
2026-07-29 09:59:22
109
原创 HarmonyOS7 数据可视化：DataPanel 组件快速生成占比图表
数据可视化是移动端应用的常见需求——展示使用时长分布、预算占比、投票结果等。如果引入第三方图表库，包体积增加不说，集成起来也要折腾一番。ArkUI 内置了一个轻量级的图表组件DataPanel，传入数据就能自动生成柱状/饼状图表。这篇文章用DataPanel做一个"应用使用时长占比"的可视化面板，支持动态更新数据。DataPanel虽然功能不如专业图表库丰富，但胜在零成本、轻量、开箱即用。做简单的数据占比展示完全够用。如果你的需求只是"给用户看个大概比例"，它就是个真香组件。
2026-07-29 09:59:02
83
原创 HarmonyOS7 UI 布局：Gauge 仪表盘组件实现数据可视化面板
仪表盘是一种常见的数据可视化形式——CPU 使用率、汽车时速、电池电量，用半圆形的表盘来展示数值大小，直观又有科技感。ArkUI 提供了Gauge组件，几行代码就能画出一个带刻度和颜色渐变的仪表盘。这篇文章用Gauge做一个"CPU 使用率监控面板"，支持手动调整数值，并根据阈值显示不同的状态提示。Gauge组件让仪表盘这种看似复杂的可视化效果变得触手可及。不需要 Canvas 绘图，不需要第三方库，ArkUI 原生就支持。在做监控面板、健康数据展示、性能分析这类页面时，Gauge。
2026-07-29 09:58:43
211
原创 HarmonyOS7 入门指南：XComponent 概述与 Native 渲染场景解析
ArkUI 的声明式 UI 框架能覆盖绝大多数应用界面开发需求。但有些场景——3D 渲染、游戏引擎、视频解码、OpenGL ES 绘图——需要更底层的渲染能力。这时候XComponent就派上用场了。XComponent是 ArkUI 提供的一个"特殊容器"，它可以在 ArkUI 的组件树中嵌入一块 Native 渲染区域。简单说，它就是在声明式 UI 的海洋中开了一个"原生渲染窗口"。这篇文章带你了解 XComponent 的概念、类型和应用场景。XComponent。
2026-07-29 09:58:25
240
原创 HarmonyOS7 组件设计：自定义组件封装与复用的最佳实践
组件化是 ArkUI 开发的核心思想。系统提供的TextButtonImage是基础积木，但实际项目中总需要更高级的"预制件"——一个带标题、数值、趋势指标的数据卡片，一个带图标和标签的操作按钮。把这些模式封装成自定义组件，整个项目的开发效率和一致性都会大幅提升。这篇文章通过封装StatCard（统计数据卡片）和（快捷操作按钮）两个组件，讲讲自定义组件设计的那些门道。@Componentbuild() {Column() {Row() {用@Prop接收外部参数，组件内部不修改这些值。
2026-07-29 09:58:03
260
原创 HarmonyOS7 架构解析：组件间通信的六种模式与选型指南
组件化开发的核心挑战不是"怎么拆组件"，而是"拆完之后组件之间怎么通信"。父子组件要同步数据，兄弟组件要互相影响，跨层级组件要共享状态——每种场景都有对应的最佳方案。这篇文章以一个"聊天对话"为案例，把 ArkUI 中组件间通信的主要模式梳理一遍，帮你在不同场景下做出正确选择。组件通信是组件化架构的骨架。选对通信方式，数据流自然清晰；选错了，代码就是一团乱麻。把@Prop@Link、事件回调这几种方式理解透彻，面对任何组件通信场景都能从容应对。
2026-07-29 09:57:42
243
原创 HarmonyOS7 创意实战：深色/浅色主题切换的丝滑实现
深色模式已经从"可选"变成了"标配"。用户在晚上刷手机的时候，一个白得刺眼的页面能直接把好感度打到零。iOS 和 Android 都原生支持深色模式，HarmonyOS 也不例外。但很多场景下，我们需要在应用内提供手动切换的能力，让用户自己选。这篇文章实现一个深色/浅色主题的实时切换效果，带过渡动画，所有元素的颜色同步变化。浅色模式：- 背景色: #F5F6FA- 卡片色: #FFFFFF- 主文本: #1A1A1A / #333333- 次文本: #666666- 分隔线: #F0F0F0。
2026-07-29 09:57:25
253
原创 HarmonyOS7 综合布局：仪表盘首页从设计到实现的完整过程
前面几十篇文章逐个讲了 ArkUI 的各种组件、装饰器和技巧。这篇文章把这些知识串起来，做一个完整的仪表盘首页。这个页面包含了头部问候、Banner 横幅、统计卡片、快捷入口、最近更新列表——是典型的"功能聚合首页"。通过这个项目，你会看到@Builder@StateForEachBadge、自定义组件等知识点在实际页面中是如何配合使用的。用interface定义最近更新项的数据结构。Badge必须包裹一个子组件。常见做法是包裹Text（显示图标字符）或Image。包裹对象就是角标的"宿主"。
2026-07-29 09:57:05
210
原创 HarmonyOS7 图标方案：SymbolGlyph 系统图标从入门到实战
做 UI 开发总离不开图标。通常的做法是找设计师要切图，或者用第三方图标库。但 HarmonyOS 提供了一套系统内置的图标资源——通过组件和语法就能直接使用，不用额外引入任何资源文件。这篇文章带你了解的用法、系统图标库有哪些可用图标，以及怎么在项目中灵活运用。让开发者可以零成本使用系统图标库。对于快速原型开发、工具类应用、系统设置页面，这些图标完全够用。而且因为是系统资源，不存在图片加载延迟的问题，渲染速度很快。下次需要图标的时候，不妨先看看系统图标库里有没有合适的。
2026-07-28 08:23:51
210
原创 HarmonyOS7 高效渲染：Repeat 模板复用与虚拟滚动实践
ForEach和大家都熟，但 ArkUI 还有一个列表渲染方案——Repeat。它提供了一种更高效的模板复用机制，特别适合固定模板、大量重复的列表场景。配合还能实现虚拟滚动，在数据量大时保持流畅。说实话，Repeat的文档相对较少，很多开发者对它不太了解。这篇文章就用一个待办列表的案例，把Repeat的用法和原理讲清楚。如果数据有唯一标识，可以给Repeat提供 key 生成函数，帮助框架更高效地复用模板。Repeat目前还在演进中，API 可能会在后续版本有所调整。建议关注官方文档的更新。Repeat。
2026-07-28 08:23:34
157
原创 HarmonyOS7 性能优化：LazyForEach 懒加载渲染 200 条数据不卡顿
列表是移动应用最常见的 UI 模式之一。数据少的时候用ForEach就行，但一旦数据量上到几百、几千条，页面就开始卡顿。原因很直白——ForEach会一次性创建所有列表项组件，即使它们在屏幕外看不见。就是为此而生的。它配合自定义数据源，只渲染可见区域的列表项，滚出屏幕的组件会被回收。200 条数据和 2 条数据的内存占用几乎一样。是处理大数据量列表的标配。比起ForEach的全量渲染，它按需创建、按需销毁的策略能显著降低内存占用和渲染开销。实现接口看似多了几行代码，但换来的滚动流畅度是实打实的。
2026-07-28 08:22:41
73
原创 HarmonyOS7 全面对比：ArkUI 状态管理装饰器到底怎么选
ArkUI 的状态管理装饰器多得让人眼花——@State@Prop@Link@Provide@Consume@Observed@Watch，再加上@Builder@Styles@Extend。刚入门的时候我经常对着这些装饰器发呆，不知道该用哪个。这篇文章把所有状态管理装饰器放在一起对比，用一张对照表和实际代码帮你理清它们的关系和选择策略。状态管理是 ArkUI 的核心，选对装饰器能让数据流动清晰、UI 刷新高效。没有哪个装饰器是"最好的"，只有"最合适的"。把这张对照表存下来，下次纠结的时候翻出来看看。
2026-07-28 08:22:24
295
原创 HarmonyOS7 实战：一行代码实现设置页状态持久化
做过移动端应用的都知道，设置页面的数据需要持久化——用户调了字体大小、关了通知开关，下次打开应用得记住。传统做法是在设置项的onChange回调里手动调用存储 API，代码分散且容易遗漏。ArkUI 的装饰器提供了一种"声明即持久化"的方案。把变量和AppStorage绑定后，变量变化自动写入存储，页面重新加载自动恢复。这篇文章用一个完整的设置页面案例，展示这种"localStorage 模式"的实战用法。里的16只在AppStorage中没有这个 key 时才起作用。
2026-07-28 08:22:09
288
原创 HarmonyOS7 效果实现：@Extend 给系统组件穿上自定义“制服“
上一篇讲了@Styles做通用样式复用。给特定类型的组件定义一套样式规范。比如所有标题用一种字体、所有主按钮用一种颜色、所有描述文本用一种行高。@Extend就是干这个的——它绑定到特定的组件类型（TextButtonImage等），只能在对应类型的组件上使用。这篇文章聚焦@Extend，看看怎么用它构建一套统一的项目样式体系。@Extend?'#333333')titleStylefontSize：字号，默认 18color：颜色，可选，默认#333333注意??空值合并运算符的用法——只有。
2026-07-28 08:21:04
324
原创 HarmonyOS7 创意实践：@Styles 让样式定义告别复制粘贴
做 UI 开发最烦什么？同一个样式到处写。按钮圆角 8px、主题色#4D96FF、卡片背景白色加 padding 16——这些属性在几十个地方重复出现。一旦设计师说"圆角改成 10px"，你就得全局搜索替换，还怕漏改。@Styles和@Extend。@Styles定义通用样式函数，可以用在任何组件上。这篇文章用一个消息列表 + 按钮样式的案例，看看怎么用@Styles让代码变得干净利落。注意和的写法——括号里指定了目标组件类型。这意味着这些样式函数只能用在对应类型的组件上。
2026-07-28 08:20:47
368
原创 HarmonyOS7 UI 布局：@BuilderParam 实现组件插槽，让容器组件真正灵活起来
上一篇文章讲了@Builder可以在组件内封装可复用的 UI 片段。但有个问题：如果我想做一个通用的"卡片容器"组件，让使用方决定卡片里放什么内容，该怎么办？答案是。它就像 Web 开发中的"插槽"（slot）——容器组件预留好位置，使用方往里塞自定义 UI。这篇文章用一个"三段式卡片"的案例，把的用法讲明白。@ComponentText('默认标题').fontSize(16).fontWeight(FontWeight.Bold)
2026-07-28 08:20:22
364
原创 HarmonyOS7 入门：@Builder 构建可复用 UI 模块的正确姿势
刚学 ArkUI 的时候，写 UI 都是"一把梭"——需要什么布局就硬编码在build()方法里。后来发现同一个页面里好几个地方用了相同的卡片样式，复制粘贴一堆代码，改一个地方就得改好几个。@Builder就是为了解决这种"UI 片段重复"的问题。它允许你把一段 UI 结构封装成一个函数，然后在build()里像调用普通函数一样反复使用。今天从基础开始，一步步把这个概念吃透。@Builder是 ArkUI 代码复用的入门级武器。它把重复的 UI 结构封装成参数化的函数，让build()方法变得干净清晰。
2026-07-28 08:20:04
246
原创 HarmonyOS7 状态监听：@Watch 装饰器实现自动计算与变化追踪
在 ArkUI 开发中，经常有这样的需求：某个变量变了之后，需要顺带做点别的事——重新计算总价、记录日志、触发网络请求、联动更新其他变量。如果用按钮的onClick来手动处理，代码会散落在各处，维护起来很头疼。@Watch装饰器提供了一种"声明式"的监听方式——你只需要告诉框架"当这个变量变化时，去执行那个函数"，剩下的事框架帮你搞定。@Watch让"状态变化后的联动逻辑"有了明确的归属。比起在各个按钮的onClick里手动调用更新函数，@Watch把逻辑集中在回调方法中，代码更清晰也更容易维护。
2026-07-28 08:19:04
22
原创 HarmonyOS7 对比实战：@StorageProp vs @StorageLink 到底该选谁
ArkUI 里和AppStorage和。名字长得像，功能却有本质区别。不少同学用了一段时间之后才发现还有个，然后开始纠结——到底什么时候用哪个？这篇文章把这两个装饰器放在一起对比，通过一个实际案例讲清楚各自的适用场景。和就像是一对"互补搭档"。一个负责"取了就跑"，一个负责"实时同步"。这个数据在组件生命周期内还需要和 AppStorage 保持同步吗？需要就，不需要就。就这么简单。
2026-07-27 08:18:38
35
原创 HarmonyOS7 实战：@StorageLink 让你的设置页自带“记忆“
做过设置页面的都知道，用户改了配置项之后，退出页面再进来，状态应该还保留着。在 Web 开发里我们用，在 Android 里用。鸿蒙 ArkUI 提供了一个更优雅的方案——，直接把变量和全局的AppStorage绑定在一起，而且是双向的。这篇文章用一个"用户信息 + 积分 + 主题"的案例，把的实际用法讲清楚。的默认值只在AppStorage中没有对应 key 的时候才生效。如果之前已经写入过值，再次打开页面会读到旧值，默认值被忽略。是 ArkUI 状态管理装饰器里实用性很高的一个。
2026-07-27 08:18:20
138
原创 HarmonyOS7 深潜：@Observed/@ObjectLink 让嵌套对象也能精准刷新
ArkUI 的@State装饰器用起来很方便，但它有个"暗坑"——对于复杂对象和数组中的对象，修改对象的内部属性不会触发 UI 刷新。你改了，界面上的勾选状态纹丝不动，说实话第一次遇到的时候挺懵的。@Observed和就是专门解决这个问题的。一个标记类，一个标记引用，让嵌套对象的属性变化也能被精准捕捉到。@Observed和填补了@State在对象属性观察上的空白。在做列表类应用（待办、购物车、联系人）时，这套组合几乎是标配。理解了它的原理，遇到"改了数据但 UI 不动"的问题就不会慌了。
2026-07-27 08:18:03
133
原创 HarmonyOS7 实战：@Provide/@Consume 跨层级状态共享完全指南
写过 ArkUI 的同学应该都有过这种体验——组件嵌套三层以上，想把顶层的数据传给最底层的子组件，就得一层一层地通过@Prop或@Link往下透传。中间那些"搬运工"组件其实根本不关心这些数据，纯粹是帮忙传话的。@Provide和@Consume就是为了解决这个"属性透传地狱"而生的。顶层组件用@Provide声明数据，任意层级的后代组件用@Consume直接消费，中间组件完全不用参与。这篇文章就用一个完整的案例把这套机制讲透。跨层级状态传递是组件化开发中绕不开的话题。ArkUI 的。
2026-07-27 08:17:45
130
原创 HarmonyOS7 @Link 双向绑定：父子组件的数据双向流通
上一篇聊的@Prop是单向传参——父组件把值给子组件，子组件改不了。但实际开发中有很多场景需要双向通信：一个开关组件，用户点了之后要把新状态回传给父组件；一个滑块组件，用户拖拽后要更新父组件的值。@Link就是为这种场景设计的。它让父子组件共享同一份数据，任何一方修改，另一方都能感知到。@Link是 ArkUI 组件通信中最实用的装饰器之一。它让子组件不再是"只读面板"，而是能够真正参与数据交互的"控件"。配合ToggleSliderTextInput等内置组件的$$
2026-07-27 08:17:30
274
原创 HarmonyOS7 @Prop 父子组件单向传参：数据从父到子的正确姿势
组件化的核心问题之一就是组件之间怎么通信。父组件有个计数器的值，想让子组件也能显示这个值——怎么传？ArkUI 提供了@Prop装饰器来解决这个问题。@Prop让子组件能够接收父组件传递的数据，并且当父组件的数据变化时，子组件接收到的值也会自动更新。但要注意，这是单向的——子组件改不了父组件的值。先定义一个接受@Prop@Componentbuild() {Column() {声明了一个接受父组件传入的属性，默认值为 0。同理。子组件的build()方法中可以直接使用this.count和。
2026-07-27 08:17:14
284
原创 HarmonyOS7 @State 对象更新机制：踩了个坑才知道的深层属性刷新
上一篇聊了@State的基础用法，用的是number这种简单类型，改个值 UI 就自动更新了，没啥问题。但当你用@State装饰一个对象类型的变量时，事情就没那么简单了。最常见的坑就是：修改了对象的某个属性，UI 居然不刷新。今天就来聊聊这个坑，以及正确的处理方式。name: string = '张三'@Entry@Componentbuild() {Column() {Text('用户信息')Row() {Text('姓名: ').fontSize(13)Row() {
2026-07-27 08:16:58
322
原创 HarmonyOS7 @State 基础状态管理：从计数器开始理解响应式 UI
前面 20 多篇文章都在聊动画，用到的@State装饰器已经出现过无数次了。从今天开始，专门来聊聊 ArkUI 的状态管理机制，从最基础的@State开始。@State是 ArkUI 声明式 UI 的基石——被它装饰的变量一旦发生变化，引用该变量的 UI 组件就会自动重新渲染。这种"数据驱动 UI"的模式和 React、SwiftUI、Flutter 的核心理念一脉相承。@State是 ArkUI 状态管理的第一步，也是最基础的一步。理解了"数据变化 → UI 自动更新"这个核心理念，后面的@Prop。
2026-07-27 08:16:41
300
原创 HarmonyOS7 动画综合展示：8 种动画效果一次看个够
前面十几篇文章分别聊了各种动画效果——旋转、缩放、脉冲、呼吸灯、抖动、颜色渐变、进度条、滑入。这篇来一个大杂烩，把 8 种动画放在同一个页面里展示，用一个"播放全部"按钮让它们同时跑起来。这个综合展示有两个目的：一是作为前面文章的速查索引，二是看看多个动画同时运行时的性能和协调问题。@Entry@Component@State rotator: number = 0 // 旋转角度@State scaler: number = 1 // 缩放比例。
2026-07-27 08:16:21
230
原创 HarmonyOS7 交互动画：点击、长按触发的不同动画反馈
好的 UI 交互不只是一个"点击事件"——用户对元素做的每个操作（点击、长按、双击、拖拽）都应该有对应的动画反馈。点一下缩放弹跳，长按后放大变色——这些不同的反馈让用户感觉到界面是"活的"，是能够感知自己的操作的。今天就来实现一个交互动画面板，支持点击和长按两种手势，触发出不同的动画效果。@Entry@Component@State effectText: string = '点击/长按交互区域'build() {Column() {// ...交互动画的核心原则是即时反馈 + 效果区分。
2026-07-27 08:15:51
207
原创 HarmonyOS7 交叉淡入淡出：内容切换时的平滑过渡
App 里切换内容的时候，如果旧内容直接消失、新内容直接出现，视觉上会有一瞬间的"空白闪烁"。交叉淡入淡出（Crossfade）就是为了解决这个问题——旧内容慢慢变透明的同时，新内容慢慢出现，两者在时间上重叠，形成一个平滑的过渡。在视频播放器、图片轮播、主题切换这些场景中，交叉淡入淡出是最常用的过渡效果。@Entry@Componentprivate panelLabels: string[] = ['蓝色主题', '橙色主题', '绿色主题']build() {Column() {
2026-07-24 09:52:22
35
原创 HarmonyOS7 循环动画与颜色轮换：让多个元素持续律动
有些动画不是跑一次就停，而是需要一直循环下去——比如 loading 指示器、音乐播放器的律动条、装饰性的背景动画。ArkUI 的支持iterations参数做循环，但和之前聊脉冲动画时说的一样，iterations控制的循环不好暂停和动态调整。今天就用setTimeout递归的方式来实现可控的循环动画，并且加上颜色轮换的效果。@Entry@Componentbuild() {Column() {// ...循环动画的核心是递归调用 + 状态标记。isCycling标记控制循环的启停，
2026-07-24 08:23:10
90
原创 HarmonyOS7 粒子爆发效果：多粒子径向扩散动画
粒子系统的核心思路很简单：同时创建大量小元素，让它们朝不同方向运动并逐渐消失。ArkUI 里没有内置的粒子引擎，但用ForEachanimateTo可以模拟出一个轻量级的粒子爆发效果。@Entry@Componentbuild() {Column() {// ...粒子爆发效果的实现其实就是三角函数 + 数组管理 + 动画过渡的组合。核心是那个和——把角度转换成坐标偏移，让粒子均匀地朝各个方向扩散。虽然 ArkUI 没有原生的粒子系统，但用声明式的ForEach来管理粒子列表，写起来也不复杂。
2026-07-24 08:22:48
147
原创 HarmonyOS7 路径动画：让元素沿圆形、矩形、Z 形轨迹运动
CSS 里有可以让元素沿着 SVG 路径运动，Lottie 动画也支持路径动画。ArkUI 虽然没有直接的"路径动画" API，但我们可以用translatesetTimeout分段移动来模拟。今天就来实现三种路径：圆形轨迹、矩形轨迹、Z 字形轨迹。效果虽然不是真正的贝塞尔曲线运动，但视觉上已经够用了。@Entry@Componentbuild() {Column() {// ...posX和posY控制圆点的偏移量。虽然 ArkUI 没有原生的路径动画 API，但用translate。
2026-07-24 08:22:27
73
原创 HarmonyOS7 弹性弹簧动画：用 Curve.EaseIn 模拟橡皮筋回弹
iOS 上有一种很经典的交互效果——下拉列表拉到底部后继续拉，会有橡皮筋一样的弹性回弹。用户松手后，列表"弹"回到正常位置。这种弹性效果给人一种界面有"物理质感"的印象。ArkUI 没有内置的弹性回弹效果，但可以通过动画曲线来模拟。今天就来聊聊怎么用和一些小技巧做出弹性感。@Entry@Componentbuild() {Column() {// ...弹性动画的核心不在于用什么曲线，而在于让运动有"物理感"。真实世界中，弹性物体的运动特征是"先慢后快 + 过冲 + 回弹"。
2026-07-24 08:22:10
158
原创 HarmonyOS7 3D 卡片翻转动画：正反面切换的视觉魔术
很多 App 里有一种很酷的交互——点击卡片，卡片沿 Y 轴旋转 180 度，露出背面的内容。像翻一张实体卡片一样。这种效果常见于记忆翻牌游戏、信用卡信息展示、商品详情预览等场景。ArkUI 的.rotate()属性支持 3D 旋转（设置旋转轴），配合animateTo就能实现这个效果。不过有个坑——ArkUI 没有属性，所以需要用"两段式"动画来模拟。@Entry@Componentbuild() {Column() {// ...：正面的 Y 轴旋转角度，初始 0（正面朝向用户）
2026-07-24 08:21:54
303
原创 HarmonyOS7 涟漪触摸效果：点击时水波纹扩散动画
Material Design 里最有代表性的交互效果之一就是涟漪效果（Ripple Effect）——手指点下去的地方产生一圈水波纹，向外扩散然后消失。Android 原生控件自带这个效果，iOS 上也有人用第三方库实现。在 HarmonyOS7 的 ArkUI 中，虽然Button组件有默认的点击态效果，但如果你想给任意区域加上自定义的涟漪动画，就得自己动手了。
2026-07-24 08:21:39
178
原创 HarmonyOS7 数字滚动效果：金额、分数变化时的递增递减动画
支付宝余额页面，金额从 1200 变到 1500 的时候，数字不是直接跳变的，而是像里程表一样快速滚动过去。这种"数字滚动"效果在金融类 App、游戏分数展示、健身步数等场景非常常见。ArkUI 没有内置的数字滚动组件，得自己实现。今天就来写一个，支持递增、递减、动画速度自适应。@Entry@Componentbuild() {Column() {// ...：当前显示的数字（动画过程中会不断更新）：目标数字：动画进行中的标记数字滚动效果的实现不依赖 ArkUI 的animateTo。
2026-07-24 08:21:22
339
原创 HarmonyOS7 进度条动画：从 0 到 100% 的填充效果
文件上传、下载、数据处理……这些操作都需要一个进度条来告诉用户"还有多久"。一个带动画的进度条比静态的数字百分比看起来舒服得多——它让用户感受到"进度在推进"，而不是干等。今天就来用 ArkUI 实现一个带平滑过渡动画的进度条，并且支持暂停和重置。@Entry@Componentbuild() {Column() {// ...进度条动画的核心就一个声明，让宽度变化自带过渡效果。简单归简单，但把进度条做好还是有不少细节——步长控制、完成反馈、异常处理，这些都需要在实际项目中慢慢打磨。
2026-07-24 08:21:07
193
原创 HarmonyOS7 加载动画全解：旋转器 + 点状 Loading 两种方案
Loading 动画大概是 App 里最常见的动画了。网络请求要 loading、页面加载要 loading、图片下载要 loading……几乎是无处不在。ArkUI 自带的组件能满足基本需求，但想做得更有个性就得自己写。旋转圆环和点状跳动。Loading 动画虽然简单，但它是 App 品质的一个缩影。一个流畅、有质感的 loading 效果，能让用户在等待的时候也不那么焦躁。旋转圆环适合通用场景，点状跳动适合轻量级提示，两种方案搭配使用基本能覆盖所有需求。
2026-07-24 08:20:37
307
SwitchyOmega_Chromium.zip
2020-09-16
前端导出 excel ，设置字体，列宽，行高，对其方式，合并单元格等效果
2021-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人