本文介绍了ArkUI开发中的基础布局与核心组件使用要点。主要内容包括：五种基础布局方式（垂直、水平、相对、层叠、弹性）及其适用场景；常用组件（图片、文本、输入框、按钮等）的功能特性；@State状态管理的响应式机制；路由跳转与参数传递方法；用户交互事件处理；以及综合案例实现与易错点提示。重点强调了布局规则、状态绑定和事件处理的正确用法，为构建响应式UI界面提供了系统指导。

本文介绍了ArkUI开发中的基础布局与核心组件使用要点。主要内容包括：五种基础布局方式（垂直、水平、相对、层叠、弹性）及其适用场景；常用组件（图片、文本、输入框、按钮等）的功能特性；@State状态管理的响应式机制；路由跳转与参数传递方法；用户交互事件处理；以及综合案例实现与易错点提示。重点强调了布局规则、状态绑定和事件处理的正确用法，为构建响应式UI界面提供了系统指导。

布局：根布局只能一个，百分比高度不要随意给文字组件，容易内容裁剪；@State：不加该修饰的变量修改后页面不会刷新；颜色写法：ArkUI 使用十六进制数字0xF5F5F5，不支持#F5F5F5字符串；onChange传输入值、onClick无参数，两种事件不要混用；对齐：所有组件统一宽度 +才能实现全部左对齐。

布局：根布局只能一个，百分比高度不要随意给文字组件，容易内容裁剪；@State：不加该修饰的变量修改后页面不会刷新；颜色写法：ArkUI 使用十六进制数字0xF5F5F5，不支持#F5F5F5字符串；onChange传输入值、onClick无参数，两种事件不要混用；对齐：所有组件统一宽度 +才能实现全部左对齐。

依靠 id 标记组件，通过 alignRules 设置锚定规则，以父容器或其他组件为参照物进行定位；由 Tabs+TabContent 组成，tabBar 设置导航文字，barPosition 可以控制导航栏在页面底部，点击标签切换不同页面内容。组件自上而下纵向排列，可通过 space 统一设置内部子元素上下间距，用来竖向排布内容。内部组件上下堆叠摆放，默认内容居中，常用于头像 + 悬浮文字这类叠

双击打开桌面快捷方式进入之后选中文 选择模板新建项目。安装 / 项目路径不能有中文、空格、特殊符号。一、从官网下载所需软件安装包版本。解压缩打开软件安装包。