HarmonyOS4.0 ArkUI组件_arkui 内置组件

目录

简介

搭建开发环境

ArkUI基础组件

Image组件

 Text组件

 TextInput

 Button

Slider

---

简介

HarmonyOS 4.0的ArkUI组件是一套UI开发框架，提供开发者进行应用UI开发时所必须的能力。在ArkUI中，组件是界面搭建与显示的最小单位，开发者通过多种组件的组合，构建出满足自身应用诉求的完整界面。

在ArkUI中，组件根据功能可以分为五大类：基础组件、容器组件、媒体组件、绘制组件、画布组件。这些组件的功能如下：

1. 基础组件：是视图层的基本组成单元，包括Text（文本）、Image（图片）、TextInput（文本输入）、Button（按钮）、LoadingProgress（加载进度）等。
2. 容器组件：用于封装和布局，比如ScrollView（滚动视图）和ListView（列表视图）等。
3. 媒体组件：用于播放音频和视频，比如Video（视频）和Audio（音频）等。
4. 绘制组件：用于自定义绘制图形，比如Canvas（画布）等。
5. 画布组件：用于多态组件的适配，可以跨平台使用。

在ArkUI中，还支持多种布局方式，如Flex布局、Grid布局等。同时，为了提升用户体验，ArkUI还提供了丰富的动画效果和自定义动画能力。此外，ArkUI还支持多种绘制能力，以满足开发者绘制自定义形状的需求，支持图形绘制、颜色填充、文本绘制、图片绘制等。

搭建开发环境

下载安装软件DevEco Studio

因为下载安装软件官方已经有很详细的文档介绍，点击下方链接根据官网提示完成开发环境搭建

下载与安装软件-快速入门-入门-HarmonyOS应用开发

软件安装完成，开发环境也配置完成后，创建一个新的工程，选择“Empty Ability”模板，编辑名称等相关信息或者保持默认，点击下一步即可

 工程创建完成后，点击右侧的Previewer按钮，预览我们的项目，可以看见，第一个项目Hello Word界面就出来了

使用鸿蒙系统的手机来测试更贴合实际，但因为博主没有钱买华为，所以只能使用模拟器，点击右上角的devices，选择Device Manager

（注意：电脑性能不是很好的小伙伴，不建议安装这个模拟器，初学使用预览功能足矣）

 然后点击phone再点击New Emulator 

选择Phone-x86-api9，下载虚拟机，下载时间会有点久

 下载完成后启动虚拟机，桌面上就会有一部鸿蒙系统的手机用于测试

ArkUI基础组件

Image组件

用于在页面中插入图片的组件

1.网络图片

打开项目路径下的Index，将hello wrod部分去掉，代码换成