常用基础组件 文本 Text：展示静态文字，设置字号、颜色、对齐 输入框 TextInput：接收用户输入按钮 Button：点击交互控件Toggle 滑动开关：布尔状态选择器，样式 ToggleType.Switch Radio单选框：多选一选项组Image 图片：加载本地 / 网络图片资源。

Video支持本地视频文件播放支持网络视频流播放提供完整的播放控制（播放、暂停、进度控制等）支持预览图设置可自定义样式和尺寸本地视频播放 2.1 基本用法 本地视频需要先将视频文件放置在项目的 rawfile 目录中，然后通过 $rawfile() 方法引用。@Entry@Componentbuild() {Column() {Video({})ArkUI 的 Video 组件提供了简洁而强大的视

Entry@Componentbuild() {// Tabs外层标签容器Tabs() {// 标签1：宿舍介绍页Text('欢迎来到新宿舍，下面是宿舍信息情况').tabBar('宿舍') // 底部导航文字// 标签2：床位轮播页（内嵌Swiper轮播）Swiper() {Text('一号铺').width('100%').height(100).backgroundColor(Color.B

Entry@Componentbuild() {// Tabs外层标签容器Tabs() {// 标签1：宿舍介绍页Text('欢迎来到新宿舍，下面是宿舍信息情况').tabBar('宿舍') // 底部导航文字// 标签2：床位轮播页（内嵌Swiper轮播）Swiper() {Text('一号铺').width('100%').height(100).backgroundColor(Color.B

Entry@Componentbuild() {// Tabs外层标签容器Tabs() {// 标签1：宿舍介绍页Text('欢迎来到新宿舍，下面是宿舍信息情况').tabBar('宿舍') // 底部导航文字// 标签2：床位轮播页（内嵌Swiper轮播）Swiper() {Text('一号铺').width('100%').height(100).backgroundColor(Color.B

DevEco Studio 开发环境搭建及第一个 HelloWorld 应用运行。

一、ArkUI 是什么？ArkUI 是鸿蒙（HarmonyOS）的声明式 UI 开发框架。与传统的 Android或 iOS不同，ArkUI 采用声明式语法：你只需描述界面"长什么样"，框架自动将数据变为视图。二、三个核心元素：页面诞生的三要素1. @Entry —— 页面入口是 ArkUI 的页面的入口，标志这页面可以独立运行，相当于C语言的 main() 函数。2. @Component ——