- 博客(99)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 ArkUI滚动容器Scroll与Scorller滚动控制器全面解析，建议收藏！！
摘要： Scroll是ArkUI中的可滚动容器组件，当子组件尺寸超过父组件时支持滚动。关键特性包括： 必须满足子组件尺寸>父组件尺寸才能滚动，且仅支持单一子组件 支持通过.scrollBar()控制滚动条显示/隐藏 可通过.scrollable()设置垂直/水平滚动方向 提供.scrollBarWidth()和.scrollBarColor()自定义滚动条样式 使用Scroller控制器实现精准滚动控制（如scrollTo定位、scrollBy增量滚动等） 通过onDidScroll监听实时滚动位置和
2025-08-08 16:31:54
423
原创 一文搞定ArkUI所有图片加载场景：收藏这一篇就够了
本文介绍了HarmonyOS中Image组件的多种图片加载方式：1）Resources资源（存放在media或rawfile目录下）；2）本地图片（直接存放在ets目录）；3）网络图片（需申请权限）；4）像素图（PixelMap格式）；5）矢量图（SVG格式，支持修改颜色）；6）多媒体库图片（通过uri加载）。每种方式都提供了具体代码示例和效果展示，包括资源路径设置、权限申请、数据转换等关键实现细节，帮助开发者灵活运用不同来源的图片资源。
2025-08-07 15:55:58
352
原创 HarmonyOS鸿蒙多线程并发之TaskPool快速上手
对于刚接触多线程编程的新手来说，理解进程、线程、并发和并行等基础概念是至关重要的。在深入探讨多线程并发之前，让我们先统一这些基础概念的认识，为后续学习打下坚实的基础。
2025-07-28 13:34:02
986
2
原创 ArkUI星级评论条Rating组件的用法一步到位
摘要 本文介绍了评分进度条(Rating)组件的实现方法。通过代码示例展示了如何创建可交互的评分条，包括设置初始分值(3.5)、评分总数(5星)和步长(0.5)。同时讲解了如何自定义评分条样式，包括未选中、选中一半和完全选中的三种状态图片的替换方法。该组件适用于电商平台等需要用户评分的场景，支持灵活配置和视觉定制。
2025-08-08 16:40:53
155
原创 一文搞定ArkUI进度条组件Progress的使用以及自定义特效样式
本文介绍了HarmonyOS中的进度条(Progress)组件，包含5种常用样式及其实现方式：1)线性进度条(水平/垂直方向)；2)环形进度条；3)环形刻度进度条；4)胶囊进度条；5)渐变进度条。每种样式都提供了示例代码，并展示了如何通过参数控制方向、颜色、宽度等属性。此外，还演示了进度条动态效果实现，包括加载动画和扫描特效，以及通过按钮控制进度值的交互案例。最后介绍了进度状态(status)和扫描效果(enableScanEffect)等特殊属性的使用方法。
2025-08-07 20:56:28
312
原创 ArkUI切换按钮Toggle用法你学会了吗
本文介绍了ArkUI中的Toggle组件，该组件提供三种状态切换样式：按钮、复选框和开关样式。通过ToggleOptions创建，可设置初始状态(isOn)和类型(type)。支持自定义样式属性如selectedColor设置选中背景色，switchPointColor调整滑块颜色，以及switchStyle配置更多细节。组件还支持onChange事件监听状态变化并触发相应操作。文中提供了代码示例和效果图展示不同样式配置，包括按钮文字、开关滑块颜色等自定义效果，最后演示了如何监听开关状态变化并弹出提示信息。
2025-08-07 20:40:56
216
原创 ArkUI单选按钮Radio全面解析：自定义单选按钮指示器
本文介绍了鸿蒙开发中单选按钮(Radio)组件的使用方法。主要内容包括：1) 通过RadioOptions创建单选按钮，设置value和group属性；2) 使用checked属性控制选中状态；3) 通过onChange事件监听选中状态变化；4) 使用radioStyle自定义按钮样式；5) 通过indicatorType和indicatorBuilder自定义选中指示器；6) 提供了完整的示例代码展示单选按钮的实际应用场景。文章最后还介绍了如何获取鸿蒙开发者认证资料，适合鸿蒙开发者学习参考。
2025-08-07 19:46:00
297
原创 一文搞定ArkUI自定义按钮样式
Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮、圆角矩形按钮。Button作为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。
2025-08-07 18:44:14
326
原创 一文搞定ArkUI文本输入场景：单行输入框/多行输入框、键盘避让
本文介绍了HarmonyOS中的输入框组件TextInput和TextArea的使用方法。TextInput是单行输入框，支持Normal、Password、Email等多种输入模式；TextArea是多行输入框，可自动换行显示。文章详细展示了如何设置输入框样式（边框、背景色、文字颜色等）、监听焦点变化以及实现键盘避让功能。通过代码示例和效果图，帮助开发者快速掌握这两种基础组件的使用方法，适用于构建评论、聊天、登录等多种输入场景。
2025-08-07 17:47:12
324
原创 ArkUI 基础组件之Text
本文介绍了HarmonyOS中的Text组件使用方法。Text组件支持文本展示，可通过字符串或资源引用创建，并可添加Span子组件实现富文本效果。文章详细展示了文本对齐方式（水平/垂直）、文本溢出处理、样式设置等核心功能，并通过热搜榜示例演示了实际应用场景。Text组件支持多种样式配置，如字体大小、颜色、装饰线等，并能结合Span和ImageSpan实现复杂文本布局，满足多样化UI需求。
2025-08-05 00:08:45
233
原创 ArkUI 基础布局之层叠布局Stack
层叠布局（Stack）是一种垂直叠加的布局方式，后添加的组件会覆盖在先前的组件上。通过alignContent参数可设置九种对齐方式，控制子组件相对位置。子组件默认按添加顺序堆叠，但可通过zIndex属性调整显示层级，数值越大显示越靠前。当后续子元素尺寸大于前面元素时，前面元素会被完全遮挡。代码示例展示了如何通过调整zIndex使被遮挡元素重新显示。
2025-08-03 20:58:59
254
原创 ArkUI 基础布局之弹性布局Flex
Flex弹性布局详解：支持Row/Column方向布局，可通过direction参数设置布局方向（Row/RowReverse/Column/ColumnReverse）。默认不折行，设置wrap:FlexWrap.Wrap可启用折行效果，并支持配置主轴/交叉轴间距。提供主轴(justifyContent)和交叉轴(alignContent)对齐方式设置，类似Row/Column布局。当子元素总宽度超过容器时，默认会挤压子元素，启用折行后可实现自动换行布局。适用于需要灵活控制子元素排列的场景。
2025-08-02 23:36:40
309
原创 ArkUI 相对布局全面解析
相对布局(RelativeContainer)允许子组件基于父组件或兄弟组件进行相对定位。子组件通过alignRules设置对齐规则，指定参考边线(6条边界线)、锚点(父容器__container__或兄弟组件id)和对齐方式。示例展示了在父容器四个角和中心放置组件，以及相对于兄弟组件定位的方法。当相对定位不精确时，可用offset设置偏移量进行微调。相对布局通过灵活的对齐规则实现精确的组件定位。
2025-08-01 20:48:14
316
原创 ArkUI 基础容器之线性布局Column和Row，图文并貌秒懂
本文介绍了线性布局的两种主要形式：水平布局(Row)和垂直布局(Column)。Row组件默认从左到右排列子元素，可通过direction属性设置方向；Column组件默认从上到下排列，支持reverse反转。两种布局都支持通过space参数设置子元素间距，并提供主轴(justifyContent)和交叉轴(alignItems)的对齐方式控制，分别支持6种和3种对齐选项。Row的主轴对齐控制水平方向，Column的主轴对齐控制垂直方向，交叉轴则相反。文章通过代码示例和效果图展示了不同参数设置下的布局效果。
2025-08-01 10:30:10
300
原创 ArkUI 通用属性之渐变、透明度、模糊、高亮、对比度、饱和度一网打尽
本文介绍了ArkUI框架中的视觉效果设置方法，主要包括透明度、颜色渐变和图像效果三类。透明度可通过opacity()方法设置，支持0-1范围值，子组件会继承并叠加父组件的透明度。颜色渐变分为线性渐变(linearGradient)、径向渐变(radialGradient)和角度渐变(sweepGradient)，可自定义角度、方向、颜色和位置参数实现多种渐变效果。图像效果包含阴影(shadow)和模糊处理，背景模糊(backgroundBlurStyle)和前景模糊(foregroundBlurStyle)
2025-08-01 00:44:38
808
原创 ArkUI 通用属性之视觉效果透明度、渐变效等
本文介绍了两种UI视觉效果实现方法：透明度设置和颜色渐变。透明度可通过opacity()方法设置（0-1范围），子组件会继承父组件透明度并叠加计算。颜色渐变包含三种方式：线性渐变（linearGradient）支持角度/方向设置，径向渐变（radialGradient）支持中心点和半径配置，角度渐变（sweepGradient）可定义起止角度。每种渐变方式都需通过colors参数指定[颜色,位置]数组，并提供了具体代码示例和效果图示说明。
2025-07-30 17:16:38
397
原创 ArkUI 通用属性之位置设置
设置当前组件在父组件中的位置，参照点为父容器顶点位置。在布局容器中，设置该属性不影响父容器布局，仅在绘制时进行位置调整。如图所示，虚线处为Row()组件原本的位置，当设置后会脱离原来父组件的约束，采用决定定位参照父容器左顶点重新定位。10vp10vp。
2025-07-30 00:57:41
173
1
原创 ArkUI 通用属性之背景设置
背景设置包括背景颜色、背景图片、背景图片位置、背景图片大小相关设置。warning]当背景颜色、背景图片同时设置时，背景颜色位于底层。
2025-07-30 00:52:56
366
原创 ArkTS 线程通信共享对象
Transferable对象，也称为NativeBinding对象，是指绑定C++对象的JS对象，其主要功能由C++提供，JS对象壳则分配在虚拟机的本地堆（LocalHeap）中。普通对象跨线程时通过拷贝形式传递，两个线程的对象内容一致，但指向各自线程的隔离内存区间，被分配在各自线程的虚拟机本地堆（对象跨线程传输后，重新创建JS壳可桥接到C++对象上，但需移除原JS壳与C++对象的绑定关系。对象跨线程传输后，只需重新创建JS壳即可桥接到同一个C++对象上，实现C++对象的共享。
2025-07-28 17:07:49
683
原创 ArkTS 创建Worker线程与主线程通信
创建Worker的线程称为宿主线程（不局限于主线程，Worker线程也支持创建Worker子线程）。Worker子线程（或Actor线程、工作线程）是Worker自身运行的线程。每个Worker子线程和宿主线程拥有独立的实例，包含独立执行环境、对象、代码段等。因此，启动每个Worker存在一定的内存开销，需要限制Worker子线程的数量。Worker子线程和宿主线程通过消息传递机制通信，利用序列化机制完成命令和数据的交互。的主要作用是为应用程序提供一个多线程的运行环境，实现应用程序执行过程与宿主线程分离。
2025-07-28 16:57:46
236
原创 从 Promise 到 async/await 的终极指南、ArkTS、TS、JS异步任务全面解析
任务是完成某项操作要执行的一段代码，一个任务可以执行任何特定操作的代码，可能是简单的打印语句、复杂的算法处理、网络请求或 I/O 操作等。这些任务的执行时间各不相同，打印语句执行时间通常很短，而网络请求和 I/O 操作可能耗时较长。如果所有的任务按照顺序执行，耗时较长的任务可能会阻塞线程，导致整体性能下降，进而影响用户体验。为了更高效地管理和执行这些任务，JavaScript将要执行的任务分为同步任务和异步任务使得JavaScript能够在单线程环境中有效地处理耗时操作，而不阻塞主线程。
2025-07-28 00:06:58
777
1
原创 ArkTS 模块与命名空间
每个文件都是一个独立的模块，变量和类型默认私有，需显式导出才能被其他文件使用。都是用于代码组织的机制，但它们的用途和适用场景有所不同。，让它们通过一个共同的“调用者”（即命名空间名称）来访问。恭喜你，模块和命名空间学完了，手动撒花🎉🎉🎉。到另一个文件中，倒入命名空间。，基于 ES6 模块系统（
2025-07-27 02:40:17
339
原创 ArkTS 可选链?、强制非空断言??、空值合并运算??
null是一个特殊的字面量值，用于表示一个变量没有指向任何对象。当变量值为null时，使用这个变量是没有意义，甚至会引发程序异常，所以默认情况下ArkTS中的所有类型的值都是不可为null值；要想变量的值为null，必须明确指定null类型。在开发中经常存在这么一种情况：一个变量的值可能为null、也可能是一个具体对象，但是在执行之前不能明确该变量的值是null还是一个对象。此时使用该对象调用其方法时，就必须使用非空判断。
2025-07-27 02:09:04
174
原创 ArkTS 面向对象编程，继承、抽象、接口、封装、多态
的行为，用于实现特定于子类的功能。既能保留父类功能不变，也能有子类的特有实现。warning]
2025-07-27 01:51:59
367
原创 ArkTS 函数、箭头函数、函数类型全面解析
函数是可以被重复使用的代码块，它可以接受输入参数，执行一系列操作，然后返回输出结果。使用函数可以提高代码的复用性，也可以将大问题拆解成小模块，同时提高代码的可维护行；
2025-07-26 21:32:57
368
原创 ArkTS 变量、常量、数据类型、流程控制、运算符、数组
掌握 ArkTS 语言的声明、类型、运算符和语句是构建高效、稳定 HarmonyOS 应用的基础。这些基本概念不仅为编写清晰、可维护的代码提供了框架，还为你在开发过程中进行错误检查和性能优化奠定了基础，从而确保应用的可靠性和用户体验。
2025-07-26 17:22:17
1000
原创 HarmonyOS开发准备，创建第一个HarmonyOS应用
若首次打开，请单击创建工程。如果已经打开了一个工程，请在菜单栏选择来创建一个新工程。选择应用开发，选择模板，单击进行下一步配置。进入配置工程界面，表示兼容的最低API Version，其他参数保持默认设置即可。单击，工具会自动生成示例代码和相关资源，等待工程创建完成。
2025-07-25 19:44:54
408
原创 HarmonyOS开发准备，DevEco Studio 集成开发环境
DevEdo Studio是开发 HarmonyOS 应用及元服务的集成开发环境（Integrated Development Environment，简称IDE）；提供 AI 辅助编程、编译构建、UI 实时预览、代码调试、性能调优、模拟器等功能，帮助你高效开发鸿蒙应用及元服务。
2025-07-25 19:41:22
962
原创 ArkUI 容器组件之线性布局Column、Row 秒懂
线性布局是开发中最常用的布局，通过线性容器Row和Column构建。其子元素在线性方向上（水平方向和垂直方向）依次排列。Column：容器内子元素按照垂直方向排列。Row：容器内子元素按照水平方向排列。线性布局在布局方向上的轴线称为主轴，Column主轴为垂直方向，Row主轴为水平方向。垂直于主轴方向的轴线称为交叉轴，Column交叉轴为水平方向，Row交叉轴为垂直方向。
2025-07-22 17:58:13
1003
原创 ArkUI-X跨平台开发之环境搭建
ArkUI是一套构建分布式应用的声明式UI开发框架。它具备简洁自然的UI信息语法、丰富的UI组件、多维的状态管理，以及实时界面预览等相关能力，帮助您提升应用开发效率，并能在多种设备上实现生动而流畅的用户体验ArkUI-X进一步将ArkUI扩展到了多个OS平台：目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用。
2025-07-22 17:53:28
601
原创 ArkUI 响应式布局
HarmonyOS系统面向多终端提供了“一次开发，多端部署”（后文中简称为“一多”）的能力，让开发者可以基于一种设计，高效构建多端（手机、电脑、平板、手表、车机等）可运行的应用。响应式布局是实现一多效果提供了布局能力，响应式布局最重要的特征是可以将窗口宽度划分为不同的断点，当窗口宽度从一个断点变化到另一个断点时，改变页面布局以获得更好的显示效果。
2025-06-13 12:32:21
927
原创 Ark 异步任务，Promise，async/await
一个任务可能是简单的打印语句，也可以是复杂的算法处理、网络请求或 I/O 操作等。这些任务的执行时间各不相同：打印语句执行时间通常很短，而网络请求和 I/O 操作可能耗时较长。由于 JavaScript 执行引擎是单线程的，如果按照顺序执行所有任务，耗时较长的任务可能会阻塞线程，导致整体性能下降，进而影响用户体验。
2025-06-04 14:43:37
682
原创 协程新手到高手：彻底搞懂 Kotlin 协程作用域&协程调度器
由于传统线程池在 I/O 密集型场景下存在性能瓶颈，无法通过增加线程数量来进一步提高任务吞吐量，因此 Kotlin 引入了一种更加高效的并发模型——Kotlin 协程。Kotlin 协程（Coroutine）是一种轻量级并发编程机制，它允许在少量线程上执行大量异步任务，提高程序的并发能力，同时避免传统多线程编程中的线程切换开销和资源浪费。
2025-03-08 01:51:08
742
原创 Mac系统 安装MySQL压缩版
MySQL在mac系统上安装有两个版本，一个是安装版(.dmg)，一个是压缩版(.zip)。 安装版的安装步骤将在下一篇文章进行描述，这里只介绍压缩版的安装步骤1.下载到官方网站上下载就可以了 https://downloads.mysql.com/archives/community/- 操作系统：Windows/MacOS- 版本号：/5.7.24下载下来的是一个mysql-5.7.24-macos10.14-x86_64.tar.gz的压缩包2.安装第一步： 将mysql-5.
2021-09-16 14:40:04
1606
3
原创 gitbook安装使用看完这一篇就够了
Gitbook使用教程GitBook安装GitBook是一个能将使用 Markdown 语法，快速制作成各种格式电子书的工具。它是一个基于 Node.js 的命令行工具，可以用来制作精美的电子书。首先我们得下载Nodejs并安装注意: 截止到目前的 Gitbook V3.2.3版本，需要使用NodeJs的v10+版本，否则会产生各种报错。这里建议下载v10.23.1版本，官网最新版本我试了也是不行的。先安装Nodejsnodejs历史版本下载连接 https://nodejs.org/zh-
2021-09-09 11:37:17
13790
原创 Redis安装和使用，看完这篇文章就够了
Redis概述redis是以【键-值】形式存储数据的非型数据库，相较于关系型数据库性能更高。可以用于缓存、消息中间件等。Redis 与其他 key - value 缓存产品有以下三个特点：Redis支持数据的持久化，可以将内存中的数据保存在磁盘中，重启的时候可以再次加载进行使用。Redis不仅仅支持简单的key-value类型的数据，同时还提供list，set，zset，hash等数据结构的存储。Redis支持数据的备份，即master-slave模式的数据备份。Windows安装Redi
2020-06-12 15:05:32
417
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人