小蜗牛764号-优快云博客

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

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

2024-12-09 00:01:28 880

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

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

2024-12-06 00:48:12 1230

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

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

2024-12-04 00:07:52 1330

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

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

2024-12-01 10:17:41 1648

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

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

2024-11-30 11:09:40 1025

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

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

2024-11-18 22:03:33 668

原创 arkUI：网格布局（Grid）

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

2024-11-18 21:30:10 939

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

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

2024-11-17 18:29:30 1228

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

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

2024-11-16 22:16:03 863

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

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

2024-11-15 23:02:32 1046

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

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

2024-11-11 23:57:26 980

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

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

2024-11-10 22:04:15 1203

原创 arkUI：相对布局（RelativeContaine）

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

2024-11-10 16:34:49 1102

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

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

2024-11-10 14:44:41 823

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

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

2024-11-09 23:45:40 1158

原创 arkUI：层叠布局（Stack）

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

2024-11-09 20:39:17 1100

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

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

2024-11-09 19:55:03 1170

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

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

2024-11-08 22:17:26 1464

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

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

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

原创 arkUI：进度条的创建（Progress）

本文源码1实现了一个漂亮且功能齐全的进度条展示组件，通过使用 ProgressType 来实现不同类型的进度条，包含线性进度条、环形进度条、椭圆进度条、刻度环形进度条和胶囊进度条。对于未来的扩展，可以考虑增加进度动态更新、响应式布局、交互动画等功能，提升用户体验。

2024-11-06 19:53:13 423

原创 arkUI：Taggle开关按钮的使用

本文代码展示了如何使用 Toggle 组件来实现复选框、开关和按钮类型的交互，特别是如何通过按钮类型的 Toggle 来切换图片显示。关键点是 @State 变量的使用，使得图片的路径可以动态更新，并通过 onChange 回调实现图片的切换。Row 组件内通过使用 Image 显示图片，并结合 Toggle 类型的切换按钮来实现动态交互。

2024-11-06 19:32:49 437

原创 arkUI：Column和Rom的间距设置（列向，横向）

Column：垂直布局组件，子组件从上到下依次排列。适合需要纵向展示内容的场景。通过 space 属性可以控制子组件之间的垂直间距，width 和 height 属性可以按百分比调整子组件大小。Row：水平布局组件，子组件从左到右依次排列。适合横向排列的内容展示，space 属性可调整子组件间的水平间距，layoutWeight 用于平分或调整组件占用的空间比例。

2024-11-06 10:38:36 1076

原创 arkUI：布局的属性（margin、padding、border、borderRadius）

我们可以在ArkUI 中使用内外边距（padding 和 margin）、边框（border）以及圆角（borderRadius）来调整组件的布局和外观。这些样式是前端开发中常用的布局技巧，能够大幅提升界面的美观性和可用性。每个组件的常见用法都有必要记录一下，后续有不懂的可以回顾查看。毕竟官方文档，有些繁杂的。自己积累自己的文本库。碰到啥记录啥，这些都是经验的积累。没想到不难的内容，编写也要耗费这么多时间。

2024-11-05 23:51:42 1507

原创 arkUI：文本框、文本域的创建和常见用法（TextInput 、TextArea）

简单记录arkUI文本框和文本域的基本创建及使用方法。源码添加了许多注释，足够用于理解，且没有很复杂的内容，所以便不过额外多做文字说明了。

2024-11-04 23:27:04 520

原创 ts：使用typeof运算符输出各对象的类型

typeof运算符，它用于返回一个变量或表达式的数据类型的字符串显示。typeof 运算符可以直接用在变量或表达式前面，用以输出显示变量或表达式的类型。typeof 运算符返回的数据类型可以是以下几种字符串之一

2024-11-03 21:20:29 412

原创 ts：常见的运算符

当`?`左边的函数返回为真(ture)时，返回A值，反之，当`?`左边的函数返回为假(false)时，返回B值。三元运算符问号左边为设置的函数，这里只是设置了一个非常简单的比较函数，开发中会有更复杂的逻辑函数。当`?`左边函数成立时，便执行内容A，不成立，则执行B。当然，`?`右边的A和B也可以各自设置方法，当满足问号左边的函数条件时，执行A的方法，不满足函数条件，则执行B的方法。

2024-11-03 20:03:53 975

原创 ts：用加减乘除方法配合展示类的继承（extends）

项目的开发是不是会有很多的框架示范类，其中包含着开发的参数和功能需求，我们需要在此基础上，拓展添加新参数和新功能。或者开发的项目，需要更新迭代，也是需要原有数据方法基础，开发新的方法和功能。

2024-11-03 10:40:07 1172

原创 ts：函数的重载

重载函数可以提高类型安全性，内容灵活性和可读性。重载允许同一个函数定义多个参数类型的数量，在编译时检查函数调用的参数是否符合这些重载签名，从而提高类型的安全性。同时还可以灵活的根据不同的参数组合实现不同的逻辑，适用于多种使用场景。如，可以处理正方形、长方形、长方体及多块长方体的体积计算。通过重载，函数名保持一致，使得函数接口更加清晰简洁。使用者可以直接地看到这个函数可以处理哪些不同的参数组合。

2024-11-02 20:13:23 448

原创 ts：函数的创建和使用（function）

ts中函数通常使用function关键字来创建，同时要设置函数的方法名称、类型。当然也有不设置的情况，如箭头函数。函数常用来创建某一个部分功能的方法，然后调用函数便可以使用这个方法。如一个项目中，它有多个功能板块，每个功能板块我们都可以各种设置函数方法。最后运行项目时，再组合起来调用函数方法就可以了。函数的类型有许多，本文列举常见的创建模式方法，然后配合简单例子，以理解各种函数方法的使用。函数方法我们是去调用它，多个函数可以结合成一个大的类(class)，类的使用为实例化

2024-11-02 15:53:49 1387

原创 ts：使用fs模块创建、读取json文件

理解了概念再拓展，当例子里的人员信息，更换为数据库的大量信息，是不是我们就可以在此基础上添加更多的函数方法，来读写文件。json文件好像我们常见的配置文件。每天将内容添加往前推一点，久而久之这部分内容也就推过去了，同时这部分内容也同属于自己了。

2024-11-01 20:22:24 1047

原创 ts：使用fs内置模块简单读写文件

在ts中，我们可以使用内置的`fs`模块来读写文本文件，如JSON文件。fs模块属于Node.js的文件系统模块。用处举例，当我们从外部爬取了许多数据，想要读取它，可以使用fs模块的功能来辅助读取。本文只是简单的使用，了解一下文件创建、读取的基本结构。在使用fs模块前，需要确保电脑上已安装了fs的配置文件。

2024-10-31 21:08:10 877 4

原创 ts：模块导入、导出的简单使用（export、import）

对于上边举的例子，在一个项目下，终端也可以设置多种方法，而对于果园一类的模块，也可以对终端的各种方法有不同的输出逻辑模式。我们只是最简单的设置一个方法，然后对方法简单的输出文字信息。在此基础上，项目本身是可以设置很多模块，模块又可单独设置多个应用方法的。当然，产品项目最大的目的是为了改变我们的生活，简单、复杂语法是次要的。除了导入自己创建的模块，也可以下载导入其他应用模块。导入superagent用于发送HTTP请求导入cheerio用于解析HTML。导入fs用于文件操作。

2024-10-31 12:41:34 1554

原创 ts：常见的内置数学方法（Math）

数学方法还有很多，如三角函数、对数和指数。这些内容由于时间因素，后面再另起博文。数学Math方法很多计算机语言都是通用的，虽然简单，但具体字母拼写也难免会忘记。简单也给过一遍，夯实夯实基础。

2024-10-30 23:01:50 1307

原创 ts：泛型接口、泛型类

本来泛型接口和泛型类想分开各编写一篇博文的，后面发现相似处比较多，合起来编写工作量也不算太大，于是就合起来编写了。代码编写出来并不是很难，难的是编写出来后，要如何说明。某种意义上来说，代码其实已经是所要说的全部内容了。但是如果只把代码怼上去，文字说明啥的都不添加，后面回顾忘了咋办。还是尽量留点思路，后面忘了回顾过来也可以快些将知识捡回来。没有思路留下，后面回来估计会对代码发懵的。最近多了异步、接口的知识，但是时间类型也很重要，数组的方法也还有。

2024-10-29 23:14:09 1476

原创 ts：泛型函数（T）

泛型和any类很相似。但any这一类，鸿蒙开发新版本开放后已不允许命名使用，那后面则不考虑不使用any类的创建。泛型用到的领域范围并不大。我曾经问老师，如果我们跑路了是不是可以用泛型设置参数，让程序变乱。老师说想如此，还是得用any类，因为它早晚会报错，且不好维护和修复，而泛型反而是优化了代码。ts和js一样只是鸿蒙开发的基础，过完ts这一段便进入到arkts的学习中。但这也无关紧要，它们的逻辑思想非常相似。各语言都有它自己专门的领域，并无好坏之分，重要的还得是运用它们的人。

2024-10-29 12:13:03 1136

原创 ts：数组的常用方法（reduce累加）

每日过一遍学过的内容，写下学过方面的知识，印象也会深些。其实不是很难的内容，但为啥完成一篇博文也会花费许多时间，搞不明白。类class的简单创建已经简单过一遍，类里面的对象变量，可设置为公共、私有等的内容，还有继承和public静态类的设置。其实可选内容也挺多，但有时候也难以下手编写。总之，加油吧！

2024-10-28 21:21:13 706

原创 ts：类的创建（class）

class创建类，和数据库的创建有些类似。只要搞定一边，另一边也会好理解许多。类的创建主要有三部分组成，变量声明，构造函数，方法的创建。有时候要问为什么要构造函数，构造函数里为什么要有contructor，这时候真的很难回答。因为ts中他们就是长这样，要这样使用。这也是为啥有些功能内容难以用语言来形容的原因。理解了逻辑，却无法用文字写出来，更多的只能写一些感悟感受。成功没有一蹴而就，只有每天的不断坚持、积累和学习。与天争，与地争，与人争。

2024-10-27 21:33:16 1048

原创 ts：数组的常用方法（filter）

数组的方法还有许多，若能融会贯通，可以在某一种方法的基础上添加一些条件，便能够达到其他方法的效果。通过几个方法的学习，其实数组方法可选择的参数都是类似的，极个别不同而已。如前面的这几个数组方法，都接受三个参数，元素、索引、数组本身命名。后面需要更改一下编写内容，一直编写数组的方法个人有点受不了了。更换点其他ts内容，如什么是重载啊，for循环嵌套啊，字符索引啊都行。至于数组的其他方法，等缓过劲来再编写。^ . ^

2024-10-27 18:10:32 1410

原创 ts：数组的常用方法（forEach、map）

数组方法还有其他的使用方式，还有更复杂的。但是，若能先把基本框架的原理弄通，那么它再怎么变都不会离开本源运行原理的。大原理还不懂，就从小原理入手，由简入繁。另外这个遍历的运行原理和for循环好像，都是遍历一个个单位量。说不定在某种情况下，for的输出也可以使用forEach或map方式来输出。

2024-10-27 14:39:42 2742

原创 ts：数组的常用方法（push、pop、shift、unshift、splice、slice）

本文中，push、pop、shift、unshift、splic方法是对原有数组进行方法转变，使用方法后原数组结构会发生改变。而slice方法只是提取原数组的元素组成新数组，原数组未发生改变。数组的方法主要是对象为数组自己使用，其他非数组对象无法使用的。我们下文举例，每个源码都有数字数组、字符串数组、对象数组，各个使用不同的数组方法，分开看各个源码就可以看各个数组方法的使用。

2024-10-27 10:10:47 2902

空空如也

空空如也