一、ArkUI 基础三要素

1. 自定义组件装饰器：@Entry 标识页面入口，@Component 用来定义自定义页面组件。
2. build 方法：组件内固定方法，所有页面 UI 代码都编写在 build 中。
3. 系统内置组件：框架自带基础组件，例如 Text 文本、Button 按钮、各类布局容器组件。

二、五大布局容器

1.Column 垂直布局

组件自上而下纵向排列，可通过 space 统一设置内部子元素上下间距，用来竖向排布内容。

2.Row 水平布局

组件从左向右横向排列，space 控制子元素左右间距，实现一行横向排版。

3.Stack 层叠布局

内部组件上下堆叠摆放，默认内容居中，常用于头像 + 悬浮文字这类叠加样式。

4.Flex 弹性布局

1. Wrap.Wrap：空间不足时组件自动换行，多用于标签、网格方块排版；
2. NoWrap：所有组件强制在同一行，不会自动换行。

5.RelativeContainer 相对布局

依靠 id 标记组件，通过 alignRules 设置锚定规则，以父容器或其他组件为参照物进行定位；__container__代表父容器，分为水平、垂直两种对齐方式，自由摆放元素位置。

6、Swiper 轮播组件

实现左右滑动切换页面，indicator 属性控制是否开启底部小圆点指示器；可结合自定义函数动态生成随机文字内容。

7、Tabs 标签导航组件

由 Tabs+TabContent 组成，tabBar 设置导航文字，barPosition 可以控制导航栏在页面底部，点击标签切换不同页面内容。