<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[woshi_xiaoa的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/woshi_xiaoa</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; woshi_xiaoa]]></copyright><item><title><![CDATA[鸿蒙ArkTS树形列表实现详解：递归 Column + Padding 缩进 + GestureDetector 展开折叠]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972673</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972673</guid><author>woshi_xiaoa</author><pubDate>Fri, 17 Jul 2026 16:20:20 +0800</pubDate><description><![CDATA[鸿蒙ArkTS树形列表实现方案详解 摘要 本文详细介绍基于鸿蒙ArkTS框架实现树形列表的技术方案。该方案采用递归Column布局、Padding缩进和GestureDetector交互的核心技术组合，主要包括以下要点： 数据模型设计：使用@Observed装饰的TreeNode类构建树形数据结构，包含名称、子节点和类型等属性 递归渲染机制：通过@Builder装饰器实现组件的递归调用，自动处理任意深度的层级嵌套 视觉层级呈现：利用Padding(left)实现逐级缩进效果，缩进量与节点深度成正比 交互功能]]></description><category></category></item><item><title><![CDATA[鸿蒙ArkUI横向可滚动筛选标签列表实现详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972616</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972616</guid><author>woshi_xiaoa</author><pubDate>Fri, 17 Jul 2026 16:18:15 +0800</pubDate><description><![CDATA[本文详细介绍了基于鸿蒙ArkUI框架实现横向可滚动筛选标签列表的全过程。通过自定义FilterTagItem组件、响应式状态管理@State和资源集中配置，构建了一个功能完备的标签筛选系统。关键实现包括：使用Scroll+Row实现横向滚动，$r()引用资源文件统一管理样式，@Builder构建可复用标签组件，以及点击事件回调处理。该方案完全基于ArkUI原生能力，具有性能高效、维护方便的特点，适用于电商分类、内容筛选等多种场景，为鸿蒙应用开发提供了实用的UI组件实现参考。]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkUI 列表项圆形角标组件：设计与实现全解析]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972582</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972582</guid><author>woshi_xiaoa</author><pubDate>Fri, 17 Jul 2026 16:16:17 +0800</pubDate><description><![CDATA[本文详细解析了如何在鸿蒙ArkUI中设计与实现带圆形角标的列表项组件。文章从角标设计原则出发，对比Flutter与ArkUI的实现差异，重点介绍了数据模型构建、动态角标布局、交互逻辑实现等核心环节。通过Stack布局、条件渲染、状态管理等技术，还原了类似iOS风格的红色圆形通知角标效果，并解决了ArkTS严格模式下的常见问题。该组件支持数字格式化、零值隐藏、点击清除等特性，可作为消息列表、待办事项等场景的通用UI解决方案。]]></description><category></category></item><item><title><![CDATA[HarmonyOS ArkUI 布局动画实战：从零构建文件浏览器]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972540</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972540</guid><author>woshi_xiaoa</author><pubDate>Fri, 17 Jul 2026 16:14:20 +0800</pubDate><description><![CDATA[本文基于HarmonyOS ArkUI框架，通过开发文件浏览器案例，系统讲解了ArkUI的布局系统、组件化设计和动画实现。文章首先展示项目功能（视图切换、平滑动画、卡片UI等），随后解析工程结构和技术栈，重点剖析了声明式UI范式、组件化设计和装饰器系统。在布局系统部分，详细对比了Column/Row、Grid/List等核心容器的使用场景，并给出典型代码示例。动画机制章节深入分析animateTo显式动画和.animation()属性动画的区别与配合使用方式，完整呈现了从零构建文件浏览器的开发过程。]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkUI 列表底部加载更多指示器实现详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972352</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162972352</guid><author>woshi_xiaoa</author><pubDate>Fri, 17 Jul 2026 16:07:26 +0800</pubDate><description><![CDATA[本文详细介绍了在鸿蒙ArkUI中如何实现列表底部的加载更多指示器，并与Flutter的ListView.builder方案进行了对比。文章从分页加载的基本概念讲起，分析了底部加载指示器的设计目标，并通过具体代码示例展示了鸿蒙ArkUI的实现方法。 核心内容包括： 分页加载的基本原理和两种交互模式（显式/隐式） 鸿蒙ArkUI与Flutter在列表组件上的关键差异对比 状态变量设计（搜索关键词、数据源、分页状态等） 数据加载逻辑的实现细节 滚动监听触发加载的机制 实现要点总结： 使用@State装饰器管理响应]]></description><category></category></item><item><title><![CDATA[HarmonyOS API 24 状态管理与@Builder装饰器技术详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946440</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946440</guid><author>woshi_xiaoa</author><pubDate>Thu, 16 Jul 2026 22:46:05 +0800</pubDate><description><![CDATA[本文深入解析了HarmonyOS API 24中的状态管理机制与@Builder装饰器技术。主要内容包括： 状态管理概述：介绍了ArkUI框架提供的@State、@Prop、@Link等核心装饰器，以及它们的适用场景和数据流向特点。 @State装饰器：详细讲解了组件内部状态管理的实现方式，包括响应式更新机制、初始值要求和性能优化策略。 @Prop装饰器：分析了父子组件间单向数据传递的实现方法，重点说明了其值传递特性和使用场景。 @Link装饰器：阐述了双向数据绑定的实现原理，强调其引用传递特性对父子组件状]]></description><category></category></item><item><title><![CDATA[HarmonyOS API 24 List组件与数据渲染技术详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946430</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946430</guid><author>woshi_xiaoa</author><pubDate>Thu, 16 Jul 2026 22:45:27 +0800</pubDate><description><![CDATA[本文深入解析了HarmonyOS API 24中的List组件与数据渲染技术，主要内容包括： List组件架构与核心特性：支持双向滚动、虚拟滚动、分组展示等，API 24新增缓存控制、链式动画等能力 核心API详解：包括listDirection、cachedCount等关键属性，以及onScroll等事件处理机制 ListItem组件开发：涵盖高度控制、样式定制和分组展示技术 性能优化策略：通过缓存机制、虚拟滚动等技术实现高效数据渲染 该技术适用于需要展示大量数据的鸿蒙应用场景，开发者可通过灵活配置实现高]]></description><category></category></item><item><title><![CDATA[HarmonyOS API 24 布局组件与Flex布局技术详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946421</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946421</guid><author>woshi_xiaoa</author><pubDate>Thu, 16 Jul 2026 22:44:41 +0800</pubDate><description><![CDATA[本文深入解析HarmonyOS API 24中的布局组件与Flex布局技术。主要内容包括：1) ArkUI布局体系概述，重点介绍Column(垂直布局)、Row(水平布局)和Flex(弹性布局)三大核心组件；2) Column和Row组件的详细参数配置，包括space间距、alignItems对齐方式、justifyContent内容分布等属性；3) Flex布局的核心特性，如flexGrow拉伸比例、flexShrink收缩比例、alignSelf单独对齐等；4) 各类布局组件的适用场景与最佳实践。文章通]]></description><category></category></item><item><title><![CDATA[HarmonyOS API 24 交互事件与动画效果技术详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946402</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946402</guid><author>woshi_xiaoa</author><pubDate>Thu, 16 Jul 2026 22:43:41 +0800</pubDate><description><![CDATA[本文深入解析HarmonyOS API 24中的交互事件与动画技术，涵盖点击事件、触摸事件、手势识别以及动画效果的实现。主要内容包括：1）交互事件体系（点击、触摸、手势等）及其工作原理；2）onClick事件的高级用法（防抖、条件点击、事件委托）；3）onTouch事件的详细实现与典型应用场景（拖拽操作、手势识别）；4）ArkUI动画系统的属性动画和显式动画技术。通过代码示例展示了如何实现流畅的交互体验和视觉反馈，为开发者提供HarmonyOS应用交互设计的完整技术方案。（摘要字数：150字）]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发完全指南，涵盖ArkTS语法、UI组件等]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946386</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162946386</guid><author>woshi_xiaoa</author><pubDate>Thu, 16 Jul 2026 22:42:44 +0800</pubDate><description><![CDATA[《鸿蒙应用开发完全指南》摘要：本文系统介绍了华为HarmonyOS应用开发的学习路径。首先讲解HarmonyOS的分布式架构特点和开发环境搭建，通过"Hello World"示例展示基础开发流程。重点解析ArkTS语言核心语法，包括声明式UI、状态管理等特性，并详细演示常用UI组件(Text/Button/List等)和容器布局(Column/Row/Flex)的使用方法。最后涵盖数据库操作等进阶内容，帮助开发者从零开始掌握鸿蒙应用开发全流程，构建跨设备分布式应用。]]></description><category></category></item><item><title><![CDATA[HarmonyOS 响应式网格布局深度实践：从 Flutter LayoutBuilder 思想到 ArkUI GridRow 落地]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162386098</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162386098</guid><author>woshi_xiaoa</author><pubDate>Mon, 06 Jul 2026 06:53:40 +0800</pubDate><description><![CDATA[本文介绍了在HarmonyOS中实现响应式网格布局的实践方案。通过对比Flutter的LayoutBuilder思想，重点分析了ArkUI框架下三种技术路径：手动监听容器尺寸变化、GridRow+断点系统、以及精细化span控制。文章推荐使用GridRow+Breakpoints方案，详细解析了其声明式API设计、性能优势及与鸿蒙断点系统的深度集成。配套案例展示了商品列表页在不同屏幕宽度下自动切换2/3/4列布局的实现，为跨平台开发者提供了从Flutter迁移到HarmonyOS的布局适配思路。]]></description><category></category></item><item><title><![CDATA[鸿蒙ArkUI学生成绩排名表实现详解 —— 从零构建教育应用的数据可视化组件]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611997</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611997</guid><author>woshi_xiaoa</author><pubDate>Mon, 06 Jul 2026 06:52:04 +0800</pubDate><description><![CDATA[**本文基于鸿蒙ArkUI框架，详细讲解如何开发一个功能完善的学生成绩排名表组件。文章从技术选型、数据模型设计开始，逐步实现表格渲染、排序计算、前三名高亮等核心功能。主要内容包括： 采用ArkTS类型系统定义学生成绩数据结构 使用@State进行状态管理，实现数据驱动的UI更新 通过List和ForEach实现高性能滚动列表 利用条件渲染和样式绑定为前三名添加视觉特效 实现总分计算、平均分处理和成绩排序逻辑 优化布局结构和用户体验细节 该组件可作为教育类应用的基础模块，具备良好的扩展性和复用性。文中提供的完]]></description><category></category></item><item><title><![CDATA[鸿蒙ArkUI 库存盘点表设计与实现 — 基于DataTable+TextInput的进销存应用实践]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162612025</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162612025</guid><author>woshi_xiaoa</author><pubDate>Mon, 06 Jul 2026 06:51:13 +0800</pubDate><description><![CDATA[鸿蒙ArkUI库存盘点表实现方案 摘要：本文介绍基于鸿蒙ArkUI框架的移动端库存盘点表实现方案。采用DataTable+TextInput组合设计，通过Column+Row模拟表格布局，支持仓库人员在单屏内完成批量盘点操作。方案包含三层架构： 数据层：定义InventoryItem接口，包含商品编码、名称、账面数量、盘点数量及自动计算的差异值 UI层： 表头采用固定Row布局 数据行通过ForEach循环渲染InventoryRow组件 每行集成TextInput实现数量编辑 交互层：实时计算差异并着色显]]></description><category></category></item><item><title><![CDATA[鸿蒙ArkTS企业级员工排班计划表应用：从设计到实现全解析]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162612071</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162612071</guid><author>woshi_xiaoa</author><pubDate>Mon, 06 Jul 2026 06:50:22 +0800</pubDate><description><![CDATA[本文介绍了基于鸿蒙ArkTS开发的员工排班计划表应用，重点解析了其技术实现方案。该应用采用Table表格为核心容器，结合横向滚动TableRow技术，实现了姓名与日期班次的联动展示。通过颜色编码机制（早班蓝、中班绿、晚班橙、休息灰）直观区分不同班次，并采用固定列+横向滚动的布局方式解决宽表格展示问题。应用采用三层数据模型架构（班次枚举、单日班次信息、员工实体）和MVVM设计模式，支持斑马纹、周末标识等可视化优化，为企业提供了一套轻量高效的数字化排班解决方案。]]></description><category></category></item><item><title><![CDATA[「财务管家」智能记账应用：HarmonyOS NEXT 页面布局设计与实现详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611946</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611946</guid><author>woshi_xiaoa</author><pubDate>Sun, 05 Jul 2026 22:37:13 +0800</pubDate><description><![CDATA[「财务管家」智能记账应用：HarmonyOS NEXT 页面布局设计摘要 本文详细解析了基于HarmonyOS NEXT的智能记账应用UI设计实现，核心内容包括： 技术架构： 采用ArkTS语言+ArkUI框架开发 使用Stage模型和声明式UI编程范式 基于组件化设计（@Component装饰器） 页面布局： 整体采用纵向Column布局 顶部标题栏采用Row+Column嵌套结构 功能卡片网格系统（2×3排列） Tab导航切换收支明细与功能导览视图 关键技术： @Builder构建可复用的UI组件 响应]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkUI 数据可视化图例对照表：组件化设计与实现]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611827</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162611827</guid><author>woshi_xiaoa</author><pubDate>Sun, 05 Jul 2026 22:26:08 +0800</pubDate><description><![CDATA[本文介绍了基于鸿蒙ArkUI的数据可视化图例组件化设计与实现方案。针对HarmonyOS NEXT移除了Table组件的情况，提出使用Row+Column弹性布局替代传统表格布局，构建可复用的图例组件库。文章详细讲解了核心组件实现，包括颜色标识(ColorSwatch)、表格单元格(LegendCell)、表格行(LegendTableRow)和区块标题(SectionTitle)，并提供了离散型和连续型图例的具体实现方法。方案采用ArkTS声明式UI框架，通过layoutWeight实现弹性布局，优化了性]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkTS 投屏设备发现列表 DataTable 布局实现详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162407687</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162407687</guid><author>woshi_xiaoa</author><pubDate>Mon, 29 Jun 2026 09:53:11 +0800</pubDate><description><![CDATA[本文详细介绍了在鸿蒙ArkTS中实现投屏设备发现列表DataTable布局的完整方案。主要内容包括： 项目背景与技术栈：基于鸿蒙ArkTS和ArkUI框架，使用DevEco Studio开发投屏设备发现功能。 核心设计思路： 采用DataTable布局展示设备信息，提高信息密度和对比效率 定义DeviceType和DeviceStatus枚举确保类型安全 设计DeviceInfo接口规范数据结构 关键实现细节： 构建包含标题栏、搜索区、数据表格、状态栏的完整组件树 使用@State管理设备数据和UI状态 实]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkUI 数据采集表格组件实现详解：DataTable 行内编辑、增删行与批量提交]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162407289</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162407289</guid><author>woshi_xiaoa</author><pubDate>Mon, 29 Jun 2026 09:46:32 +0800</pubDate><description><![CDATA[摘要：本文基于HarmonyOS ArkUI框架，详细解析了DataTable风格的数据采集页面的实现方案。通过ArkTS语言构建包含行内编辑、动态增删与批量提交功能的企业级表单，关键技术点包括： 数据结构设计：采用接口定义行数据模型，利用@State实现响应式状态管理 表格布局：组合Row+Column构建网格结构，支持横向滚动 交互实现： TextInput双向绑定实现行内编辑 动态行管理（增删行逻辑） 数据校验与批量提交弹窗 工程实践：包含路由配置、组件生命周期管理及样式优化技巧 完整代码约200行，]]></description><category></category></item><item><title><![CDATA[鸿蒙 ArkTS 响应式布局实战——基于屏幕宽度的动态 Padding 与 Margin 实现详解]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162385819</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162385819</guid><author>woshi_xiaoa</author><pubDate>Sun, 28 Jun 2026 11:17:31 +0800</pubDate><description><![CDATA[文章摘要： 本文详细介绍了在鸿蒙 ArkTS 中实现响应式布局的动态 Padding 与 Margin 技术方案。通过对比 Flutter 的 MediaQuery 与鸿蒙 display API，解析了状态驱动响应式更新的核心机制。文章以 MyApplication59 项目为背景，提出采用 display API + @State 的最优方案，并重点讲解了屏幕变化事件的监听与资源管理方法。该实现能在折叠屏展开、屏幕旋转等场景下自动调整边距，确保跨设备一致体验。技术方案具有低实现成本、高组合能力的特点，适]]></description><category></category></item><item><title><![CDATA[HarmonyOS ArkUI 自定义 Breakpoint 断点布局系统深度解析]]></title><link>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162384201</link><guid>https://blog.youkuaiyun.com/woshi_xiaoa/article/details/162384201</guid><author>woshi_xiaoa</author><pubDate>Sun, 28 Jun 2026 10:34:40 +0800</pubDate><description><![CDATA[HarmonyOS ArkUI 自定义 Breakpoint 断点布局系统解析 本文深入探讨了HarmonyOS ArkUI框架下的响应式布局实现方案。针对企业级应用多设备适配需求，提出了一套完整的三层断点布局系统： 架构设计：采用四层架构（入口层、断点管理层、布局路由层和布局实现层），通过单文件内联方式确保预览器兼容性 核心技术： 基于onAreaChange事件实现容器级尺寸感知 采用600vp/1024vp作为断点阈值 使用@Builder方法实现条件渲染 遵循单向数据流状态管理 性能优化：O(1)复]]></description><category></category></item></channel></rss>