<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wuliusan5的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wuliusan5</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wuliusan5]]></copyright><item><title><![CDATA[HarmonyOS核心知识点：ArkUI页面布局之添加组件（进度条 (Progress)）]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146957597</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146957597</guid><author>wuliusan5</author><pubDate>Wed, 02 Apr 2025 17:30:27 +0800</pubDate><description><![CDATA[Progress有5种可选类型，通过ProgressType可以设置进度条样式，ProgressType类型包括：ProgressType.Linear（线性样式）、 ProgressType.Ring（环形无刻度样式）、ProgressType.ScaleRing（环形有刻度样式）、ProgressType.Eclipse（圆形样式）和ProgressType.Capsule（胶囊样式）。其中，value用于设置初始进度值，total用于设置进度总长度，type用于设置Progress样式。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI页面布局之添加组件（切换按钮 (Toggle)）]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146948312</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146948312</guid><author>wuliusan5</author><pubDate>Wed, 02 Apr 2025 15:36:12 +0800</pubDate><description><![CDATA[通过selectedColor属性设置Toggle打开选中后的背景颜色。通过switchPointColor属性设置Switch类型的圆形滑块颜色，仅对type为ToggleType.Switch生效。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI界面布局之添加组件（按钮 (Button)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146944595</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146944595</guid><author>wuliusan5</author><pubDate>Wed, 02 Apr 2025 13:35:38 +0800</pubDate><description><![CDATA[设置边框弧度。使用通用属性来自定义按钮样式。例如通过borderRadius属性设置按钮的边框弧度。设置文本样式。通过添加文本样式设置按钮文本的展示样式。设置背景颜色。添加backgroundColor属性设置按钮的背景颜色。创建功能型按钮。为删除操作创建一个按钮。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI界面布局开发应用沉浸式效果]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146924715</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146924715</guid><author>wuliusan5</author><pubDate>Tue, 01 Apr 2025 22:20:53 +0800</pubDate><description><![CDATA[典型应用全屏窗口UI元素包括 状态栏 、应用界面和底部 导航条。开发应用沉浸式效果主要指通过调整状态栏、应用界面和导航条的显示效果来减少状态栏导航条等系统界面的突兀感，从而使用户获得最佳的UI体验。图1界面元素示意图UI元素避让处理：导航条底部区域可以响应点击事件，除此之外的可交互UI元素和应用关键信息不建议放到导航条区域。沉浸式效果处理：将状态栏和导航条颜色与界面元素颜色相匹配，不出现明显的突兀感。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI组件之选项卡 (Tabs)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146922063</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146922063</guid><author>wuliusan5</author><pubDate>Tue, 01 Apr 2025 20:22:42 +0800</pubDate><description><![CDATA[对于底部导航栏，一般作为应用主页面功能区分，为了更好的用户体验，会组合文字以及对应语义图标表示页签内容，这种情况下，需要自定义导航页签的样式。图9自定义导航栏系统默认情况下采用了下划线标志当前活跃的页签，而自定义导航栏需要自行实现相应的样式，用于区分当前活跃页签和未活跃页签。设置自定义导航栏需要使用tabBar的参数，以其支持的CustomBuilder的方式传入自定义的函数组件样式。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI布局之创建轮播 (Swiper)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146917132</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146917132</guid><author>wuliusan5</author><pubDate>Tue, 01 Apr 2025 16:56:05 +0800</pubDate><description><![CDATA[Swiper支持通过 customContentTransition 设置自定义切换动画，可以在回调中对视窗内所有页面逐帧设置透明度、缩放比例、位移、渲染层级等属性实现自定义切换动画。@Entry@Componenti++) {build() {Column() {Swiper() {})// 同组页面完全滑出视窗外时，重置属性值} else {// 同组页面未滑出视窗外时，对同组中左右两个页面，逐帧根据position修改属性值} else {})]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI布局之创建网格 (Grid/GridItem)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146913874</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146913874</guid><author>wuliusan5</author><pubDate>Tue, 01 Apr 2025 15:17:14 +0800</pubDate><description><![CDATA[网格布局是由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局。网格布局具有较强的页面均分能力，子组件占比控制能力，是一种重要自适应布局，其使用场景有九宫格图片展示、日历、计算器等。ArkUI提供了 Grid] 容器组件和子组件 GridItem ，用于构建网格布局。Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。Grid组件支持使用条件渲染、循环渲染、 懒加载 等方式生成子组件。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI组件之创建列表 (List)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146909692</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146909692</guid><author>wuliusan5</author><pubDate>Tue, 01 Apr 2025 13:25:32 +0800</pubDate><description><![CDATA[列表是一种复杂的容器，当列表项达到一定数量，内容超过屏幕大小时，可以自动提供滚动功能。它适合用于呈现同类数据类型或数据类型集，例如图片和文本。在列表中显示数据集合是许多应用程序中的常见要求（如通讯录、音乐列表、购物清单等）。使用列表可以轻松高效地显示结构化、可滚动的信息。通过在 List 组件中按垂直或者水平方向线性排列子组件 ListItemGroup ，为列表中的行或列提供单个视图，或使用 循环渲染 迭代一组行或列，或混合任意数量的单个视图和ForEach结构，构建一个列表。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI框架之栅格布局 (GridRow/GridCol)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146887297</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146887297</guid><author>wuliusan5</author><pubDate>Mon, 31 Mar 2025 22:21:33 +0800</pubDate><description><![CDATA[栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括：提供可循的规律：栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，可以方便地对页面元素进行定位和排版。统一的定位标注：栅格布局可以为系统提供一种统一的定位标注，保证不同设备上各个模块的布局一致性。这可以减少设计和开发的复杂度，提高工作效率。灵活的间距调整方法：栅格布局可以提供一种灵活的间距调整方法，满足特殊场景布局调整的需求。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI框架之相对布局 (RelativeContainer)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146883558</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146883558</guid><author>wuliusan5</author><pubDate>Mon, 31 Mar 2025 20:26:20 +0800</pubDate><description><![CDATA[在应用的开发过程中，经常需要设计复杂界面，此时涉及到多个相同或不同组件之间的嵌套。如果布局组件嵌套深度过深，或者嵌套组件数过多，会带来额外的开销。如果在布局的方式上进行优化，就可以有效的提升性能，减少时间开销。RelativeContainer为采用相对布局的容器，支持容器内部的子元素设置相对位置关系，适用于界面复杂场景的情况，对多个子组件进行对齐和排列。子元素支持指定兄弟元素作为锚点，也支持指定父容器作为锚点，基于锚点做相对位置布局。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI框架之弹性布局 (Flex)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146873227</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146873227</guid><author>wuliusan5</author><pubDate>Mon, 31 Mar 2025 17:33:04 +0800</pubDate><description><![CDATA[弹性布局（ Flex ）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。容器默认存在主轴与交叉轴，子元素默认沿主轴排列，子元素在主轴方向的尺寸称为主轴尺寸，在交叉轴方向的尺寸称为交叉轴尺寸。图1主轴为水平方向的Flex容器示意图。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI框架之层叠布局 (Stack)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146843532</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146843532</guid><author>wuliusan5</author><pubDate>Mon, 31 Mar 2025 15:51:55 +0800</pubDate><description><![CDATA[层叠布局（StackLayout）用于在屏幕上预留一块区域来显示组件中的元素，提供元素可以重叠的布局。层叠布局通过 Stack 容器组件实现位置的固定定位与层叠，容器中的子元素依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以设置位置。层叠布局具有较强的页面层叠、位置定位能力，其使用场景有广告、卡片层叠效果等。如图1，Stack作为容器，容器内的子元素的顺序为Item1->Item2->Item3。图1层叠布局。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：ArkUI 框架之线性布局 (Row/Column)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146815926</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146815926</guid><author>wuliusan5</author><pubDate>Mon, 31 Mar 2025 13:36:19 +0800</pubDate><description><![CDATA[线性布局（LinearLayout）是开发中最常用的布局，通过线性容器 Row 和 Column 构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。线性布局的排列方向由所选容器组件决定，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。根据不同的排列方向，开发者可选择使用Row或Column容器创建线性布局。图1Column容器内子元素排列示意图图2Row容器内子元素排列示意图。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：UI布局各种方式]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146778529</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146778529</guid><author>wuliusan5</author><pubDate>Sun, 30 Mar 2025 21:48:09 +0800</pubDate><description><![CDATA[组件内容（绿色方块）：组件内容本身占用的大小，比如文本内容占用的大小。组件内容和组件内容区不一定匹配，比如设置了固定的width和height，此时组件内容的大小就是设置的width和height减去padding和border值，但文本内容则是通过文本布局引擎测算后得到的大小，可能出现文本真实大小小于设置的组件内容区大小。组件内容区（黄色方块）：组件内容区大小为组件区域大小减去组件的 border 值，组件内容区大小会作为组件内容（或者子组件）进行大小测算时的布局测算限制。确定页面的布局结构。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：UI开发（ArkTS声明式开发）]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146773825</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146773825</guid><author>wuliusan5</author><pubDate>Sun, 30 Mar 2025 20:19:42 +0800</pubDate><description><![CDATA[系统内置组件包括按钮、单选框、进度条、文本等。开发者可以通过链式调用的方式设置系统内置组件的渲染效果。开发者可以将系统内置组件组合为自定义组件，通过这种方式将页面组件化为一个个独立的UI单元，实现页面不同单元的独立创建、开发和复用，具有更强的工程性。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：主题设置(设置主题换肤)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146771063</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146771063</guid><author>wuliusan5</author><pubDate>Sun, 30 Mar 2025 19:10:49 +0800</pubDate><description><![CDATA[针对应用，构建ArkUI应用级和页面级主题设置能力，并提供局部深浅色模式设置、动态换肤等功能。自定义品牌色应用级自定义品牌色局部页面自定义主题风格局部深浅色CustomTheme 用于自定义主题，属性可选，只需要复写修改的部分，未修改内容继承于系统，参考 系统缺省token色值。//自定义品牌色可在页面入口处统一设置，需要在页面build前执行 ThemeControl。其中， onWillApplyTheme 回调函数用于自定义组件获取当前生效的Theme对象。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：主题设置(应用深浅色适配)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146612028</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146612028</guid><author>wuliusan5</author><pubDate>Fri, 28 Mar 2025 21:53:13 +0800</pubDate><description><![CDATA[当前系统存在深浅色两种显示模式，为了给用户更好的使用体验，应用应适配深浅色模式。应用跟随系统的深浅色模式应用主动设置深浅色模式。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：使用NDK接口构建UI(嵌入ArkTS组件)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146610663</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146610663</guid><author>wuliusan5</author><pubDate>Fri, 28 Mar 2025 20:45:30 +0800</pubDate><description><![CDATA[针对需要使用ArkTS侧独立能力的场景，ArkUI开发框架提供了Native侧嵌入ArkTS组件的能力，该能力依赖 ComponentContent 机制，通过ComponentContent完成对ArkTS组件的封装，然后将封装对象转递到Native侧，通过Native侧的 OH_ArkUI_GetNodeHandleFromNapiValue 接口转化为ArkUI_NodeHandle对象用于Native侧组件挂载使用。以下示例代码在 接入ArkTS页面 章节基础上引入ArkTS的Refresh组件。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：使用NDK接口构建UI(构建自定义组件)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146606554</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146606554</guid><author>wuliusan5</author><pubDate>Fri, 28 Mar 2025 17:29:43 +0800</pubDate><description><![CDATA[以下示例创建了一个自定义容器，该容器将子组件最大值加上额外边距作为自身大小，同时对子组件进行居中排布。图1自定义容器组件按照 接入ArkTS页面 创建前置工程。创建自定义容器组件封装对象。// 自定义容器组件示例public:// 使用自定义组件类型ARKUI_NODE_CUSTOM创建组件。// 注册自定义事件监听器。// 声明自定义事件并转递自身作为自定义数据。// 反注册自定义事件监听器。// 取消声明自定义事件。// 自定义属性事件更新需要主动调用标记脏区接口。]]></description><category></category></item><item><title><![CDATA[HarmonyOS核心知识点：使用NDK接口构建UI(构建弹窗)]]></title><link>https://blog.youkuaiyun.com/wuliusan5/article/details/146602148</link><guid>https://blog.youkuaiyun.com/wuliusan5/article/details/146602148</guid><author>wuliusan5</author><pubDate>Fri, 28 Mar 2025 15:05:21 +0800</pubDate><description><![CDATA[ArkUI_NativeDialogHandle表示指向弹窗控制器的指针，可以通过调用ArkUI_NativeDialogAPI_x 的create接口创建一个弹窗控制器，弹窗接口集合定义在结构体里，命名为ArkUI_NativeDialogAPI_x （x表示版本），这些接口围绕弹窗控制器实现各种弹窗控制。当不再需要弹窗操作时，需要主动调用dispose接口销毁弹窗控制器对象。通过弹窗控制器显示自定义弹窗，可以设置自定义弹窗的样式和内容。可创建交互页面，打开或关闭弹窗。]]></description><category></category></item></channel></rss>