在 HarmonyOS ArkUI 声明式开发中，所有页面都是由基础组件组合而成。Swiper 轮播、Video 视频、Image 图片、Tabs 选项卡、Text/TextInput 文本输入、Button 按钮、Radio 单选、Toggle 开关，每个组件配套实战代码、效果展示、核心属性与开发场景。多图滚动横幅优先Swiper，静态图片展示用Image；视频播放区分本地 rawfile 与网

在 HarmonyOS ArkUI 声明式开发中，所有页面都是由基础组件组合而成。Swiper 轮播、Video 视频、Image 图片、Tabs 选项卡、Text/TextInput 文本输入、Button 按钮、Radio 单选、Toggle 开关，每个组件配套实战代码、效果展示、核心属性与开发场景。多图滚动横幅优先Swiper，静态图片展示用Image；视频播放区分本地 rawfile 与网

在 HarmonyOS ArkUI 开发中，视频播放是高频需求，ArkUI 提供了原生Video组件，无需引入第三方播放器，即可实现本地本地资源视频、网络在线视频播放，同时支持封面预览、自动播放、循环静音、控制器手动启停等功能。本文结合课堂三段实训代码，完整拆解本地 rawfile 视频播放网络在线视频播放两套方案，同时整理开发踩坑解决方案、权限配置、常用属性详解。本地视频必须转码为 H.264+

在 HarmonyOS ArkUI 开发中，视频播放是高频需求，ArkUI 提供了原生Video组件，无需引入第三方播放器，即可实现本地本地资源视频、网络在线视频播放，同时支持封面预览、自动播放、循环静音、控制器手动启停等功能。本文结合课堂三段实训代码，完整拆解本地 rawfile 视频播放网络在线视频播放两套方案，同时整理开发踩坑解决方案、权限配置、常用属性详解。本地视频必须转码为 H.264+

在鸿蒙 ArkUI 声明式开发中，页面不会主动感知普通变量的变化。如果想实现修改数据后 UI 自动刷新，就必须使用@State装饰器。本文结合课堂 3 组实训案例，从开关切换、数字计数器、输入框双向绑定三个场景，完整讲解@State的作用、语法、使用规则与实战逻辑。按钮点击切换 UI（开关、弹窗、文字切换）计数器、打分、数值调整输入框、单选多选等表单交互组件内部临时存储、页面局部动态数据。

在鸿蒙 ArkUI 声明式开发中，页面不会主动感知普通变量的变化。如果想实现修改数据后 UI 自动刷新，就必须使用@State装饰器。本文结合课堂 3 组实训案例，从开关切换、数字计数器、输入框双向绑定三个场景，完整讲解@State的作用、语法、使用规则与实战逻辑。按钮点击切换 UI（开关、弹窗、文字切换）计数器、打分、数值调整输入框、单选多选等表单交互组件内部临时存储、页面局部动态数据。

优先使用 Column/Row：简单的线性布局优先用 Column 和 Row，性能最好，代码也最简洁。复杂组合用嵌套：Column 嵌套 Row 是最常用的组合，能实现大部分页面结构。层叠效果用 Stack：需要叠加组件时，优先用 Stack，避免用 margin 做偏移，减少布局层级。流式布局用 Flex：需要自动换行的场景，Flex 比 Row 更灵活。多标签页用 Tabs：底部导航、顶部标

优先使用 Column/Row：简单的线性布局优先用 Column 和 Row，性能最好，代码也最简洁。复杂组合用嵌套：Column 嵌套 Row 是最常用的组合，能实现大部分页面结构。层叠效果用 Stack：需要叠加组件时，优先用 Stack，避免用 margin 做偏移，减少布局层级。流式布局用 Flex：需要自动换行的场景，Flex 比 Row 更灵活。多标签页用 Tabs：底部导航、顶部标

优先使用 Column/Row：简单的线性布局优先用 Column 和 Row，性能最好，代码也最简洁。复杂组合用嵌套：Column 嵌套 Row 是最常用的组合，能实现大部分页面结构。层叠效果用 Stack：需要叠加组件时，优先用 Stack，避免用 margin 做偏移，减少布局层级。流式布局用 Flex：需要自动换行的场景，Flex 比 Row 更灵活。多标签页用 Tabs：底部导航、顶部标

在鸿蒙应用开发中，页面跳转是实现多页面交互的基础。本文将基于 ArkTS（ArkUI 的 TypeScript 扩展）