摘要：七、二维码组件 二维码的使用场景，比如扫码添加好友，扫码骑车，扫码支付等等，ArkUI开发框架提供了 RQCode 组件生成一个二维码。 接口： QRCode(value: string) 参数: 参数名 参数类型 必填 参数描述 value string 是 二维码内容字符串。最大支持256个字符 阅读全文

摘要：组件是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。 一、文本组件 1.Text定义介绍 Text 是显示文本的基础组件之一，它可以包含子组件 Span ，当包含 Span 时不生效，只显示 Span 阅读全文

摘要：一. 列表容器概述 当列表项达到一定数量，内容超过屏幕大小时，可以自动提供滚动功能。 ListItem 组件表示单个列表项。ListItemGroup 组件用于列表数据的分组展示，其子组件也是 ListItem。List 容器组件的子组件必须是 ListItemGroup 或 ListItem，Li 阅读全文

摘要：一. 网格布局概述 网格布局是由“行”和“列”分割的单元格所组成，是一种自适应布局。ArkUI 提供了 Grid 容器组件和子组件 GridItem，用于构建网格布局。Grid 容器组件默认占满父容器。 二. Grid的使用 1、设置网格布局的行列数量与占比 Grid 组件提供了 rowsTempl 阅读全文

摘要：一. 栅格布局概述 GridRow 为栅格容器组件，需与栅格子组件 GridCol 联合使用。感觉栅栏布局还是根据前端table布局演化而来，可以参考table来理解或者你可以把它想象成excel表格，但是不要真认为就是excel表格，不然就容易钻牛角尖。就以excel表格为例，想象把GridRow 阅读全文

摘要：一、 相对布局概述 RelativeContainer 为相对布局的容器组件，支持容器内部的子元素设置相对位置关系。子元素支持指定兄弟元素作为锚点，也支持指定父容器作为锚点，基于锚点做相对位置布局。 🔊 锚点：通过锚点设置当前元素基于哪个元素确定位置。 ❗️注意： 必须为RelativeConta 阅读全文

摘要：1. 弹性布局概述 Flex容器组件属于弹性布局，提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。 子元素默认沿主轴排列 主轴方向默认水平方向且从左到右 Flex容器组件默认是单行布局 2. 弹性布局的使用 ❗️由于Flex容器组件默认是单行的，一行是放不了4个按钮的，所以按钮被压缩 阅读全文

摘要：一、层叠布局概述 层叠布局通过Stack容器组件实现位置的固定定位与层叠，容器中的子元素（子组件）依次入栈，后一个子元素覆盖前一个子元素。 ❗️层叠布局主要用于实现基于Z轴的布局，容器中的子元素（子组件）依次入栈，后一个子元素覆盖前一个子元素，子元素可以叠加，也可以通过zIndex设置位置 二、层叠 阅读全文

摘要：一、线性布局概述 线性布局（LinearLayout）是开发中最常用的布局，通过线性容器Row和Column构建。线性布局是其他布局的基础，其子元素在线性方向上（水平方向和垂直方向）依次排列。 ❗️Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列 二、线性容器Row Ro 阅读全文

摘要：一、 @Watch装饰器 @Watch用于对状态变量的监听。如果需要关注某个状态变量的值是否改变，可以使用@Watch为状态变量设置回调函数。 ❗️被那些装饰器修饰的变量就成为状态变量。 1. @Watch装饰器的特点 当观察到状态变量的变化对应的@Watch的回调方法将被触发。 如果在@Watch 阅读全文

摘要：一、@Provide装饰器和@Consume装饰器 @Prop装饰器和@Link装饰器都是父子间的同步。@Provide装饰器和@Consume装饰器，应用于与后代组件的双向数据同步，应用于状态数据在多个层级之间传递的场景。 @Provide作为数据的提供方，可以更新其子孙节点的数据，并触发页面渲染 阅读全文

摘要：一、@State装饰器 @State装饰的变量，或称为状态变量，一旦拥有了状态属性，就和自定义组件的渲染绑定起来。当状态改变时，UI会发生对应的渲染改变。 在状态变量相关装饰器中，@State是最基础的，使变量拥有状态属性的装饰器，它也是大部分状态变量的数据源。 1. @State装饰器特点 @St 阅读全文

摘要：在ArkUI的开发过程中，样式的复用和管理对于提升代码的可维护性和开发效率至关重要。为此，ArkUI提供了多种机制来实现样式的复用和扩展，主要包括：@Styles、@Extend装饰器，以及AttributeModifier机制。本文将基于最新的ArkUI版本，详细探讨这三者的应用场景、使用方法及其 阅读全文

摘要：一、@Builder装饰器 @Builder是一种更轻量的 UI 元素复用机制，可以将重复使用的 UI 元素抽象成一个方法，并用@Builder修饰该方法，此方法就可以在 build() 里调用。 ❗️注意：自定义组件的build()方法中，不允许调用没有被@Builder装饰的方法 1. 在组件内 阅读全文

摘要：一、概述 先看一张图 什么是装饰器 装饰器： 用于装饰类、结构、方法以及变量，并赋予其特殊的含义。如上述示例中@Entry、@Component和@State都是装饰器，@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State表示组件中的状态变量，状态变量变化会触发U 阅读全文

摘要：一、DevEoo Studio 快捷键选项 二、编辑 快捷键（Mac）英文说明中文说明 ^ + G Find Next / Add Selection for Next Occurrence 选择相同词，设置多个光标。（常用，批量选中） ⌘ + 1 Project 显示 或 隐藏 项目区。（常用） 阅读全文

摘要：组件按照布局的要求依次排列，构成应用的页面。在声明式UI中，所有的页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。 一、布局结构 布局通常为分层结构，一个常见的页面结构如下所示： 为实现上述效果，开发者需要在页面中声明对应的元素。其中，Page表示页面的根节点，Col 阅读全文

摘要：UIAbility的生命周期 当用户浏览、切换和返回到对应应用的时候，应用中的 UIAbility 实例会在其生命周期的不同状态之间转换。 UIAbility 类提供了很多回调，通过这些回调可以知晓当前 UIAbility 的某个状态已经发生改变：例如 UIAbility 的创建和销毁，或者 UIA 阅读全文

摘要：一、什么是低代码 所谓低代码开发，即无需编码或只需少量代码就可以快速生成应用程序。也就是说，企业的应用开发通过“拖拉拽”的方式即可完成的一种开发方式。 这个就是xcode中的xib开发模式 相信这种方式对使用过Android Studio进行安卓APP开发的程序员来说都不陌生，就是通过拖动创建组件， 阅读全文

摘要：一、实现页面跳转pushUrl 1、操作说明 实现页面跳转的核心便是router.pushUrl的调用，操作起来也很简单，总共就四步。实现步骤如下： 1.在项目列表的page目录下创建一个新的页面 2. 创建button，并设定基本属性方法 3.给button添加onclick事件方法 4.在事件方 阅读全文