<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[YunWQ的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/YunWQ</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; YunWQ]]></copyright><item><title><![CDATA[HarmonyOS路由导航方案演进：HMRouter基于Navigation封装，使用更方便]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151180799</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151180799</guid><author>YunWQ</author><pubDate>Thu, 04 Sep 2025 11:54:51 +0800</pubDate><description><![CDATA[HMRouter路由框架演进与使用 摘要：HMRouter是OpenHarmony三方库中基于Navigation封装的路由框架，解决了Navigation使用不便的问题并增强功能。从HarmonyOS 5.0开始，官方推荐使用HMRouter替代router和Navigation。HMRouter通过Navigation组件结构实现页面导航，包含导航页和子页管理。安装配置简单，支持自定义注解和构建插件。使用时需初始化路由框架，定义入口页面，通过HMRouterMgr实现页面跳转、返回和参数传递（URL参数]]></description><category></category></item><item><title><![CDATA[鸿蒙应用实战之计算器]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151022620</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151022620</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 17:08:29 +0800</pubDate><description><![CDATA[这篇文档介绍了如何使用ArkTS开发一个简易计算器应用，主要包含以下内容： 功能需求：实现基本加减乘除运算，采用双行显示区域（上为表达式，下为结果），支持按键动画效果和运算结果过渡动画。 界面实现： 采用Column垂直布局 显示区域分为两个Text组件 键盘区使用Grid网格布局，特殊处理&quot;=&quot;键的布局 通过AttributeModifier实现按键动态样式 按键处理逻辑： 数字键处理：包含去零、小数点规则等特殊处理 运算符键处理：区分不同运算符类型 提供AC、±、%、=等特殊功能键处]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之页面导航，router不推荐了拥抱Navigation]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151022393</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151022393</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 17:04:48 +0800</pubDate><description><![CDATA[Navigation组件是ArkUI中的路由容器，通常作为首页根容器使用，由导航页(NavBar)和子页(NavDestination)组成。导航页包含标题栏、菜单栏、内容区和工具栏，可通过hideNavBar隐藏；子页由标题栏、菜单栏和内容区构成。两者可通过路由自由切换，且导航页不在页面栈中。 典型应用场景是Tabs+Navigation组合实现多级页面导航：Tabs控制底部导航栏，Navigation作为二级页面容器，NavDestination展示三级详情页。案例展示了快速入门页的结构实现，包含列表点]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之页面路由router模块]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151022321</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151022321</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 16:55:54 +0800</pubDate><description><![CDATA[本文介绍了HarmonyOS应用开发中的页面路由基本概念和实现方法。主要内容包括：1）如何创建新页面并配置路由URL；2）页面跳转的两种方式（router.pushUrl()和router.replaceUrl()）及其区别；3）页面栈的工作原理，最大容量为32，遵循&quot;先进后出&quot;原则；4）通过示例演示了从LoginPage跳转到HomePage、从HomePage跳转到DetailPage以及返回HomePage的完整流程。文章还强调了页面栈管理的重要性，replaceUrl()会替换栈]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之Canvas绘制能力]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151019073</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151019073</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 14:47:44 +0800</pubDate><description><![CDATA[Canvas组件开发指南摘要：Canvas组件支持自定义图形绘制，通过CanvasRenderingContext2D对象实现基础形状、文本和图片的绘制。开发时需在onReady回调中获取画布尺寸后开始绘制，提供fillRect()、arc()、ellipse()等方法绘制矩形/圆形/椭圆，并支持通过fillStyle、strokeStyle等属性设置样式。示例代码展示了如何创建带边框和填充色的基本图形，包括设置颜色、线宽等样式参数。]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之元服务开发及注意事项]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151018976</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151018976</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 14:44:25 +0800</pubDate><description><![CDATA[元服务是HarmonyOS提供的轻量级应用形态，具有免安装、即用即走、账号跟随等特点。与传统应用相比，元服务包体积更小、开发成本更低，能自动更新并通过系统入口分发。开发者需先在AppGallery Connect创建元服务应用，再通过DevEco Studio创建工程，开发包含页面、卡片和图标三部分内容。元服务图标采用特殊设计语言，体现HarmonyOS特性。开发流程包括创建项目、编码、打包、测试和上架等环节，支持真机调试和开放式测试。]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之服务卡片]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/151018933</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/151018933</guid><author>YunWQ</author><pubDate>Sat, 30 Aug 2025 14:41:59 +0800</pubDate><description><![CDATA[Form Kit提供卡片开发服务，通过将应用功能和信息以卡片形式展示在桌面，实现服务直达和减少跳转。卡片由提供方（包含业务逻辑和UI模块）和使用方（如桌面应用）组成，支持交互功能。创建卡片时可在工程中右键新建ArkTS卡片，选择模板后生成相关文件（生命周期管理、页面和配置文件）。卡片分为静态和动态类型，支持通过配置修改。]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之@Builder自定义构建函数：值传递与引用传递与UI更新]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150422722</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150422722</guid><author>YunWQ</author><pubDate>Fri, 15 Aug 2025 14:47:56 +0800</pubDate><description><![CDATA[本文介绍了ArkUI中的@Builder装饰器，用于创建自定义构建函数实现UI复用。自定义构建函数分为私有（组件内使用）和全局（跨组件使用）两种形式。文章详细讲解了参数传递规则：按值传递不会触发UI更新，而按引用传递（仅限单参数对象字面量）可响应状态变化。同时指出了@Builder的限制条件：禁止修改参数值、多参数传递不触发更新，以及@Builder与@Component组件的区别（前者专注UI复用，后者具备完整组件特性）。通过多个代码示例直观展示了不同场景下的使用效果。]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之自定义组件@Component全面解析：自定义组件生命周期]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150397172</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150397172</guid><author>YunWQ</author><pubDate>Thu, 14 Aug 2025 18:11:10 +0800</pubDate><description><![CDATA[本文介绍了ArkUI中的自定义组件开发，包括其特点、基本结构、成员函数/变量定义及参数传递方式。自定义组件具有可组合、可重用和数据驱动UI更新的特性，通过@Component装饰器定义。文章详细说明了如何在组件中定义成员变量和函数，以及如何接收外部参数。最后简要提及了组件和页面的生命周期函数，包括aboutToAppear、onPageShow等关键回调，为开发者提供了构建可复用UI组件的基础知识。]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发之Tabs选项卡：仿微信底部导航全面解析，建议收藏]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150393070</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150393070</guid><author>YunWQ</author><pubDate>Thu, 14 Aug 2025 15:55:01 +0800</pubDate><description><![CDATA[很多时候导航页签是图片、文本组成，并且需要根据选中的页签改变图片和文本的颜色，此时就需要使用自定义导航。如下图，模仿微信底部导航效果1. 自定义导航页签按照需求设计导航页签的布局结构，每一个页签包含选中图片未选中图片文本索引四个参数，如果Tabs当前索引等于页签索引，则显示选中图片，并且改变文本颜色。/*title: 页签标题targetIndex: 页签的索引selectedImg: 选中时图标normalImg: 未选中时*///当前选中页签索引@BuilderColumn() {]]></description><category></category></item><item><title><![CDATA[鸿蒙应用开发瀑布流上拉加载无限滚动一文搞定]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150337089</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150337089</guid><author>YunWQ</author><pubDate>Wed, 13 Aug 2025 09:19:16 +0800</pubDate><description><![CDATA[摘要：ArkUI的WaterFlow组件支持瀑布流布局，适用于图片展示场景。它提供纵向和横向两种布局方式，通过columnsTemplate/rowsTemplate设置行列数，自动将子项填充到高度/宽度最小的列/行。本文演示了如何实现无限滚动瀑布流：1)创建IDataSource数据源类管理数据；2)使用LazyForEach循环渲染，配合onReachEnd事件实现懒加载；3)通过随机尺寸算法使每个FlowItem呈现交错效果，使用itemWidthArray和itemHeightArray保存随机生成]]></description><category></category></item><item><title><![CDATA[鸿蒙原生应用ArkUI之自定义List下拉刷新动效]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150272824</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150272824</guid><author>YunWQ</author><pubDate>Tue, 12 Aug 2025 15:56:17 +0800</pubDate><description><![CDATA[这篇文章介绍了Refresh下拉刷新组件的使用方法。主要内容包括：1）基本使用方式，通过嵌套List实现下拉刷新功能；2）可配置属性如刷新距离、跟手系数等；3）状态变化和刷新事件监听；4）自定义刷新动效的实现方法。文章提供了完整的示例代码，演示了如何创建默认刷新效果和自定义UI样式，并详细说明了组件的各项参数和回调函数的使用场景。该组件适用于需要下拉刷新功能的列表页面开发。]]></description><category></category></item><item><title><![CDATA[ArkUI 网格Grid构建行列布局，合并单元格，构建计算器界面]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150270245</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150270245</guid><author>YunWQ</author><pubDate>Tue, 12 Aug 2025 14:33:41 +0800</pubDate><description><![CDATA[ArkUI提供了Grid和GridItem组件实现网格布局，支持行列占比设置、主轴方向控制、单元格合并等功能。Grid通过rowsTemplate和columnsTemplate定义行列数量与占比，若不设置则可通过layoutDirection指定主轴方向。GridItem可设置跨行跨列，通过onGetRectByIndex回调实现类似计算器按键的不规则布局。Grid组件支持条件渲染、循环渲染和懒加载，需注意未设置宽高时会自适应父容器，行列设置会影响元素显示和滚动行为。网格布局适用于九宫格、日历等需要均匀分]]></description><category></category></item><item><title><![CDATA[ArkUI常用组件之Swiper轮播图与自定义导航点，独立导航点]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150225302</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150225302</guid><author>YunWQ</author><pubDate>Mon, 11 Aug 2025 21:10:32 +0800</pubDate><description><![CDATA[Swiper组件是用于实现图片轮播效果的常用组件，支持自动播放、循环展示等功能。文章介绍了Swiper的基本使用方式，包括图片轮播的实现代码示例。同时详细讲解了导航点样式的配置方法，包括默认圆点导航点和自定义数字导航点的设置，以及如何通过indicator属性调整导航点的位置和样式。从API15开始，Swiper支持独立导航点功能，可以与Swiper分离布局，通过IndicatorComponentController实现联动控制。文章提供了圆点和数字两种独立导航点的实现代码，展示了如何通过控制器实现更灵活]]></description><category></category></item><item><title><![CDATA[ArkUI 最常用滚动组件之List列表全面解析：建议收藏]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150211532</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150211532</guid><author>YunWQ</author><pubDate>Mon, 11 Aug 2025 11:58:52 +0800</pubDate><description><![CDATA[本文介绍了ArkUI中的List组件，它是用于显示结构化可滚动内容的常用容器。主要内容包括：1) List必须与ListItem配合使用，支持.divider()设置分割线；2) 列表样式可通过space、scrollBar、listDirection等属性调整；3) 推荐使用ForEach循环渲染相同结构的列表项，提高性能；4) 复杂列表建议结合@Builder装饰器实现组件复用；5) 以商品列表和待办事项为例，演示了数据绑定和动态编辑（增删改）的实现方法。List组件能有效处理大数据量的滚动展示，是开发]]></description><category></category></item><item><title><![CDATA[ArkUI星级评论条Rating组件的用法一步到位]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150069852</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150069852</guid><author>YunWQ</author><pubDate>Fri, 08 Aug 2025 16:40:53 +0800</pubDate><description><![CDATA[摘要 本文介绍了评分进度条(Rating)组件的实现方法。通过代码示例展示了如何创建可交互的评分条，包括设置初始分值(3.5)、评分总数(5星)和步长(0.5)。同时讲解了如何自定义评分条样式，包括未选中、选中一半和完全选中的三种状态图片的替换方法。该组件适用于电商平台等需要用户评分的场景，支持灵活配置和视觉定制。]]></description><category></category></item><item><title><![CDATA[ArkUI滚动容器Scroll与Scorller滚动控制器全面解析，建议收藏！！]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150069486</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150069486</guid><author>YunWQ</author><pubDate>Fri, 08 Aug 2025 16:31:54 +0800</pubDate><description><![CDATA[摘要： Scroll是ArkUI中的可滚动容器组件，当子组件尺寸超过父组件时支持滚动。关键特性包括： 必须满足子组件尺寸&gt;父组件尺寸才能滚动，且仅支持单一子组件 支持通过.scrollBar()控制滚动条显示/隐藏 可通过.scrollable()设置垂直/水平滚动方向 提供.scrollBarWidth()和.scrollBarColor()自定义滚动条样式 使用Scroller控制器实现精准滚动控制（如scrollTo定位、scrollBy增量滚动等） 通过onDidScroll监听实时滚动位置和]]></description><category></category></item><item><title><![CDATA[一文搞定ArkUI进度条组件Progress的使用以及自定义特效样式]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150023011</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150023011</guid><author>YunWQ</author><pubDate>Thu, 07 Aug 2025 20:56:28 +0800</pubDate><description><![CDATA[本文介绍了HarmonyOS中的进度条(Progress)组件，包含5种常用样式及其实现方式：1)线性进度条(水平/垂直方向)；2)环形进度条；3)环形刻度进度条；4)胶囊进度条；5)渐变进度条。每种样式都提供了示例代码，并展示了如何通过参数控制方向、颜色、宽度等属性。此外，还演示了进度条动态效果实现，包括加载动画和扫描特效，以及通过按钮控制进度值的交互案例。最后介绍了进度状态(status)和扫描效果(enableScanEffect)等特殊属性的使用方法。]]></description><category></category></item><item><title><![CDATA[ArkUI切换按钮Toggle用法你学会了吗]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150022731</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150022731</guid><author>YunWQ</author><pubDate>Thu, 07 Aug 2025 20:40:56 +0800</pubDate><description><![CDATA[本文介绍了ArkUI中的Toggle组件，该组件提供三种状态切换样式：按钮、复选框和开关样式。通过ToggleOptions创建，可设置初始状态(isOn)和类型(type)。支持自定义样式属性如selectedColor设置选中背景色，switchPointColor调整滑块颜色，以及switchStyle配置更多细节。组件还支持onChange事件监听状态变化并触发相应操作。文中提供了代码示例和效果图展示不同样式配置，包括按钮文字、开关滑块颜色等自定义效果，最后演示了如何监听开关状态变化并弹出提示信息。]]></description><category></category></item><item><title><![CDATA[ArkUI单选按钮Radio全面解析：自定义单选按钮指示器]]></title><link>https://blog.youkuaiyun.com/YunWQ/article/details/150021348</link><guid>https://blog.youkuaiyun.com/YunWQ/article/details/150021348</guid><author>YunWQ</author><pubDate>Thu, 07 Aug 2025 19:46:00 +0800</pubDate><description><![CDATA[本文介绍了鸿蒙开发中单选按钮(Radio)组件的使用方法。主要内容包括：1) 通过RadioOptions创建单选按钮，设置value和group属性；2) 使用checked属性控制选中状态；3) 通过onChange事件监听选中状态变化；4) 使用radioStyle自定义按钮样式；5) 通过indicatorType和indicatorBuilder自定义选中指示器；6) 提供了完整的示例代码展示单选按钮的实际应用场景。文章最后还介绍了如何获取鸿蒙开发者认证资料，适合鸿蒙开发者学习参考。]]></description><category></category></item></channel></rss>