小蜗牛764号-CSDN博客

原创 arkTs：使用Refresh实现下拉刷新功能（含状态提示与动画控制）

在 ArkTS 中使用 Refresh 组件实现下拉刷新功能，并解决一个关键问题：“为何 @State isRefresh = false 无法关闭刷新动画？”。在日常开发中，列表刷新是一种常见且重要的用户交互方式。本文将结合 ArkUI 的 Refresh 组件，通过实际示例，演示如何实现下拉刷新，并探索 refreshing 属性中的 $$ 机制，详解 onRefreshing 与 onStateChange 的配合使用。我们还将自定义刷新头部样式，并动态更新列表数据，最终实现一个完整且可交互的水果列表

2025-04-22 00:14:47 414

原创 arkTs：UIAbility 组件的生命周期

在 ArkTS（HarmonyOS NEXT）应用中，UIAbility 是最常见的能力类型，负责管理整个应用的生命周期事件。而窗口（WindowStage）作为界面承载层，也有独立的生命周期回调。理解这些生命周期，对于正确地管理资源、初始化页面、监听事件等操作至关重要。该部分内容文件的路径为 `src/main/ets/entryability/entryability.ets`。生命周期事件在entryability.ets文件中编辑使用。

2025-04-21 16:42:22 624

原创 arkTs：使用setTimeout / setInterval 实现透明度切换的轮播图

我们根据索引的单周期`indexNum: number = 0 // 总切换次数（用于计算当前显示的图片索引）`+1的情况，整除数组的长度，可以循环的按顺序显示使用数组的元素。这里我们需要两个对象显示索引，这里我们选为图1和图2，图1为要消失的索引，图2为要生成的索引。我们对于图片，想要达到图片虚化切换图片的效果，只需要使前图的透明度是由1到0变换，后图的透明度是由0到1的变换，也就是说前图它是逐渐消失，后图他是逐渐出现，两图结合可达到图片视图虚化切换的效果。这里使用animation的动画效果，同

2025-04-19 18:34:17 595

原创 arkTs：使用回调函数的方法实现子组件向父组件传值

本文源码是一套父组件与子组件之间双向数据传递的示例代码。在 ArkTS 中，若不使用@Link 或 @Provide+@Consume 进行组件间的数据双向同步，则可以通过回调函数（函数作为参数）的方式，实现在子组件中触发父组件的逻辑，从而实现“子传父”的功能，再结合@Prop父传子的单向传递，则可实现两组件的数据双向传递。

2025-04-19 12:56:56 620

原创 arkTs：使用Navigation结合路由表进行跳转和数据传递

本文的只是简单使用Navigation结合路由表的形式进行跳转，和数据传输。navigation本身的许多功能没有使用，如像自带的导航栏这些功能，没有使用。子页面也没有使用其他功能，连标题也是隐藏的。仅使用跳转功能和数据的传输功能。若需要其他功能可参考官方文档，或后续笔者另行编写。因为Navigation内容的数量本身是很多的，如果每个内容都要面面俱到，那编写的耗时会非常巨大，由于笔者的时间有限，先是碰到啥先写啥了。

2025-04-19 00:50:30 668

原创 arkTS：关系型数据库RDB的API接口基础操作

关系型数据库（RDB）的API为开发者提供了操作数据库的便捷方式，涵盖了数据管理的全流程，包括建表、数据添加、查询、更新和删除操作。在鸿蒙系统的 ArkUI 开发中，这些API的使用可以有效实现数据的持久化与高效管理。

2024-12-09 00:01:28 925

原创 arkTS：使用内置的关系型数据库（RDB）进行数据持久化

RDB 是鸿蒙操作系统提供的一种内置的关系型数据库（Relational Database），类似于 SQLite，支持标准 SQL 操作。RDB 主要用于在设备上管理和持久化结构化数据，并在应用中灵活使用。RDB（关系型数据库）是内置的基于 SQLite 的轻量级数据库组件，无需额外安装数据库。开发者只需要调用鸿蒙提供的相关 API 即可直接使用。本文主要是结合SQL代码对RDB进行使用，API相关使用内容较少。

2024-12-06 00:48:12 1328

原创 SQLite：DDL（数据定义语言）的基本用法

SQLite 的 DDL 语句主要用于数据库对象的定义和修改，包括创建和删除表、索引、视图等。常用的 DDL 操作包括：* 创建表 (CREATE TABLE)：用于定义表结构和约束。* 修改表 (ALTER TABLE)：用于修改表结构，添加列。* 删除表 (DROP TABLE)：删除表及其数据。* 创建索引 (CREATE INDEX)：提高查询效率。* 删除索引 (DROP INDEX)：删除索引。* 创建视图 (CREATE VIEW)：定义一个虚拟表，简化查询。* 删除视图 (DR

2024-12-04 00:07:52 1359

原创 arkTS：使用ArkUI实现用户信息的持久化管理与自动填充（PersistentStorage）

PersistentStorage 是 ArkUI 提供的一种持久化存储解决方案，用于在应用程序中保存数据，并支持跨会话的数据管理和状态保持。通过 PersistentStorage，开发者可以轻松实现数据的本地存储，以满足诸如用户设置、登录信息、会话状态等需要长期保存数据的场景。

2024-12-01 10:17:41 1698

原创 arkTS：持久化储存UI状态的基本用法（PersistentStorage）

持久化存储 (PersistentStorage) ，它提供了一种将数据保存到磁盘的机制，使得数据在应用关闭后仍能被保留和访问。通过调用 PersistentStorage.persistProp 方法，可以将各种类型的数据（如数字、字符串、布尔值以及复杂对象）存储起来。例如，代码中存储了用户的年龄、名字、布尔状态，以及包含多个属性的用户信息对象。这些存储的数据会与磁盘同步，确保数据的持久性。

2024-11-30 11:09:40 1053

原创 arkUI：设置随机颜色背景

本文代码实现了一个展示随机颜色的页面，主要包含两个部分：十六进制颜色和 RGB 颜色的按钮。通过 Grid 布局，按钮显示在网格中，每个按钮都有不同的背景颜色。

2024-11-18 22:03:33 690

原创 arkUI：网格布局（Grid）

网格布局（Grid）是一种将子组件按行列排列的布局方式，适合用来展示规则化、对齐的内容分布。它允许通过行列模板、方向控制等参数，灵活调整子组件的排列方式和显示样式。网格布局是一种强大且灵活的布局工具，特别适合规则性强的内容展示。通过调整模板、方向和显示限制等参数，可以轻松实现不同的排列需求，同时保持布局的美观和一致性。

2024-11-18 21:30:10 959

原创 arkUI：轮播组件的常见用法（Swiper）

在 ArkUI 中，Swiper 是一个功能强大的滑动组件，用于实现多项内容的轮播展示。它支持图片、文字以及其他自定义内容的滑动显示，适用于引导页、内容切换和轮播图等场景。Swiper 提供丰富的配置选项，例如自动播放、循环播放、滑动方向（横向或纵向）等，能够满足不同项目的需求。

2024-11-17 18:29:30 1262

原创 arkUI：用 ArkUI 实现留言板：动态布局与数据驱动

本项目基于 ArkUI 框架构建，实现了一个简单而功能完善的留言板应用。整个项目由多个模块组成，每个模块分别负责特定的功能，彼此协作完成了从数据管理到界面交互的整体实现。

2024-11-16 22:16:03 880

原创 arkUI：水果选择与管理：基于 ArkUI 的长按编辑功能实现

本文的代码主要用于对水果的管理应用，包含水果的添加、展示、选择、编辑和删除功能。用户可以从预置的水果列表中选择水果并动态显示在界面上，通过长按进入编辑模式后，可多选水果并批量删除。主要功能包括：* 水果管理：通过弹窗选择水果，添加到展示列表中，防止重复选择。* 列表显示：水果项动态展示，序号和名称清晰，并支持通过背景颜色高亮已选中项。* 编辑模式：长按水果项进入编辑模式，显示复选框，用户可多选需要删除的水果。* 删除功能：选中水果后点击删除按钮，将选中的水果从列表中移除，同时退出编辑模式。

2024-11-15 23:02:32 1054

原创 arkUI：遍历数据数组动态渲染（forEach）

在 ArkUI 中，ForEach 是用于遍历数据数组并动态渲染 UI 组件的一种方法。它类似于 JavaScript 中的 Array.forEach，但在 UI 框架中，它有特定的要求来确保每个渲染项都有唯一标识，以便在组件更新时保持高效、准确的渲染。通过 ForEach 方法，可以高效地遍历数据并动态生成 UI 项目，非常适合用于列表、网格等多项数据的展示。

2024-11-11 23:57:26 1017

原创 arkUI：自定义构建函数（参数的引用传递）

一个程序由多个部分组成，我们先举个例子源码1，创建一个卡片效果以显示每个人的各项信息。有具体显示样式的函数方法Message_view，然后还有接口部分Message，以及一个入口文件。我们先把相关内容功能全部编写运行于一个文件内，先运行显示一下效果。然后将卡片显示样式的方法部分，和接口类型部分，拆分各放于其他文件中，再使用导入和导出的方式，再次运行程序呈现效果。程序运行的观看效果界面相同，只是呈现代码的方式不同。本文大目标仍是展示自定义构建函数的参数传递效果的。我们都知道一个程序是多个功能组成的，每个文

2024-11-10 22:04:15 1226

原创 arkUI：相对布局（RelativeContaine）

ArkUI 中相对布局 RelativeContainer ，可以使用 alignRules 属性来定义组件之间的相对位置关系。定义组件相对其他组件或容器的对齐方式，包括横向 (HorizontalAlign) 和纵向 (VerticalAlign) 对齐。之后，也可以根据需要结合使用offset相对定位等属性，来对组件进一步的位置调整更改，当然本文未使用。

2024-11-10 16:34:49 1119

原创 arkUI：布局中的自适应拉伸、缩放、延伸（layWeight，Blank占位符）

在 ArkUI 布局中，layoutWeight 和 Blank 是两个关键的布局控制属性，用于优化组件之间的空间分配和间距设置。这两者结合使用，可以轻松实现复杂的布局比例和间距调整。

2024-11-10 14:44:41 848

原创 arkUI：修改模拟器中自定义应用程序的名称和图标

国际化命名是考虑，有时候我们手机更改为英文模式，它的文件名称就更改为英文。其实也可以根据需要多加配置其他语言的。一般国内开发中文加英文便可。手机程序里设置的一些组件的显示名称也按需要添加好国际化名称。变量名通常要准备三份，配置文件一份，中文一份，英文一份。

2024-11-09 23:45:40 1205

原创 arkUI：层叠布局（Stack）

在 ArkUI 中，Stack 布局是一个容器，它用于将多个子组件堆叠在一起。Stack 布局常用于实现垂直或水平的层叠效果。它的特点是所有的子组件都在同一层级上，因此会在同一空间内覆盖和堆叠。可以使用对齐属性来控制子组件在堆叠容器中的排列方式。用`alignContent：`来设置子组件的对齐方式。

2024-11-09 20:39:17 1121

原创 arkUI：绝对定位、相对定位、Z序控制（position、offset、zIndex）

在 ArkUI 中，绝对布局允许将子组件精确定位在容器中的特定位置，通过 position 属性设置 x 和 y 坐标即可实现。常用于需要精确位置的界面元素，例如按钮、图标等。绝对布局会脱离当前文档流，可以类比为一个画布，重新形成一个图层，根据x和y的定位重新设置位置。一旦组件通过 position 定位，它的显示位置与其他兄弟组件的排列无关。即使组件在视觉上与其他组件重叠或间隔，它的位置不会影响到其他组件的布局。

2024-11-09 19:55:03 1224

原创 arkUI：Flex弹性布局的各个属性

在 Flex 布局中，元素会根据容器的设置自动调整位置。例如，元素可以在主轴上按不同的对齐方式排列，如从左到右或从右到左，也可以调整元素之间的间距，确保布局的美观性。通过控制元素在交叉轴（与主轴垂直）上的对齐方式，可以让它们在容器中垂直居中或伸展以适应容器高度。Flex 布局还支持换行，当容器的空间不够时，元素会自动换行或列出。通过适当配置，可以精确控制每个元素的大小、位置和间距。我们可以轻松实现各种复杂的布局，而不必担心元素会被挤到容器外或错位。Flex 布局是为了应对现代网页和应用中动态、响应式的布

2024-11-08 22:17:26 1487

原创 arkUI：Column和Row的主轴、交叉轴的对齐方式

在 arkUI 中，Column 和 Row 是常用的布局容器，它们的对齐方式是通过主轴（Main Axis）和交叉轴（Cross Axis）来控制的。Column 布局的主轴是 **垂直方向**，交叉轴是 **水平方向**。通过 **FlexAlign** 和 **HorizontalAlign** 可以分别控制主轴和交叉轴的对齐方式。Row 是一个水平布局容器，子组件会按照从左到右的顺序排列，主轴（水平轴） **FlexAlign** 和交叉轴（垂直轴）**VerticalAlign** 对齐。

2024-11-07 13:12:17 930 1

空空如也

空空如也