图片组件Image：展示本地媒体资源，支持圆角、填充适配Swiper：实现轮播横幅，首页必备Stack：层叠布局，实现图片叠加文字效果Button 按钮组件支持纯色 / 图片两种背景样式onClick绑定点击事件，可配合 router 完成页面跳转多按钮使用 Row 横向排列，区分主次按钮配色Radio 单选组件依靠 group 分组实现单选互斥多用于表单、选择题、选项筛选场景。

图片组件Image：展示本地媒体资源，支持圆角、填充适配Swiper：实现轮播横幅，首页必备Stack：层叠布局，实现图片叠加文字效果Button 按钮组件支持纯色 / 图片两种背景样式onClick绑定点击事件，可配合 router 完成页面跳转多按钮使用 Row 横向排列，区分主次按钮配色Radio 单选组件依靠 group 分组实现单选互斥多用于表单、选择题、选项筛选场景。

arkts是 Video 组件的操作控制器，是控制视频播放的核心对象，必须实例化并绑定给 Video 组件，提供播放、暂停、跳转、停止等方法。两个按钮通过onClick：开始 / 继续播放视频；：暂停当前播放视频。本地短视频优先使用$rawfile方式加载，无需网络权限，加载速度更快；是自定义播放器的核心，隐藏系统控件后可自由设计播放按钮、进度条；所有播放操作均通过控制器完成，组件与控制逻辑分离，

arkts是 Video 组件的操作控制器，是控制视频播放的核心对象，必须实例化并绑定给 Video 组件，提供播放、暂停、跳转、停止等方法。两个按钮通过onClick：开始 / 继续播放视频；：暂停当前播放视频。本地短视频优先使用$rawfile方式加载，无需网络权限，加载速度更快；是自定义播放器的核心，隐藏系统控件后可自由设计播放按钮、进度条；所有播放操作均通过控制器完成，组件与控制逻辑分离，

State是 ArkUI 实现动态交互核心，被修饰变量修改后页面自动刷新；字符串类型状态可绑定 TextInput，完成输入内容实时回显；布尔类型状态搭配 Button、Toggle 控件，可控制文字、页面背景等样式动态切换；单页面可同时定义多个@State变量，互不干扰，实现多组交互逻辑共存。

State是 ArkUI 实现动态交互核心，被修饰变量修改后页面自动刷新；字符串类型状态可绑定 TextInput，完成输入内容实时回显；布尔类型状态搭配 Button、Toggle 控件，可控制文字、页面背景等样式动态切换；单页面可同时定义多个@State变量，互不干扰，实现多组交互逻辑共存。

Toggle 组件：支持复选框、滑动开关两种样式，enabled控制控件是否可交互，onChange监听切换事件；Radio 单选框：依靠 group 属性实现同组互斥选择，适用于性别、学历等单项选择表单；@State 状态管理：装饰变量修改后页面自动刷新，是实现界面动态交互的核心；交互逻辑：通过按钮、开关点击事件修改状态变量，完成文字、颜色、数字等页面内容联动更新。

Toggle 组件：支持复选框、滑动开关两种样式，enabled控制控件是否可交互，onChange监听切换事件；Radio 单选框：依靠 group 属性实现同组互斥选择，适用于性别、学历等单项选择表单；@State 状态管理：装饰变量修改后页面自动刷新，是实现界面动态交互的核心；交互逻辑：通过按钮、开关点击事件修改状态变量，完成文字、颜色、数字等页面内容联动更新。

本次案例练习了垂直、水平两种基础布局，掌握文本、输入框、按钮、图片组件基础样式美化，实现项目中常见的登录、注册表单以及个人信息卡片页面。

本次案例练习了垂直、水平两种基础布局，掌握文本、输入框、按钮、图片组件基础样式美化，实现项目中常见的登录、注册表单以及个人信息卡片页面。