鸿蒙HarmonyOS【应用开发五、组件介绍】

✍️作者简介：小北编程（专注于HarmonyOS、Android、Java、Web、TCP/IP等技术方向）
🐳博客主页： 开源中国、稀土掘金、51cto博客、博客园、知乎、简书、慕课网、CSDN
🔔如果文章对您有一定的帮助请👉关注✨、点赞👍、收藏📂、评论💬。
🔥如需转载请参考【转载须知】

ArkUI 组件介绍

组件（Component）是界面搭建与显示的基本单位。在HarmonyOS ArkUI的声明式开发范式中，开发者可以利用丰富多样的UI组件，轻松编写出更加丰富和漂亮的界面。

这些组件根据功能可以分为以下五大类：

1. 基础组件：视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress等。这些组件是应用界面中最常用的元素，例如登录界面中就经常会用到它们。
2. 容器组件：用于布局和组织其他组件，例如Column、Row、Stack等，帮助开发者管理复杂的界面布局。
3. 媒体组件：处理多媒体内容，包括Video、Audio等组件，用于播放视频和音频文件。
4. 绘制组件：提供自定义绘制能力的组件，例如Shape、Path等，适用于需要自定义图形和动画的场景。
5. 画布组件：用于更高级的绘制操作，允许开发者直接在画布上进行绘制，实现复杂的图形和交互效果。

ArkUI 通用属性介绍

在HarmonyOS ArkUI中，通用属性是用于设置组件基本外观和行为的属性。以下是一些常用的通用属性及其说明：

通用属性	说明
width()	设置组件的宽度，可以接受像素值(px)、百分比(%)。
height()	设置组件的高度，可以接受像素值(px)、百分比(%)。
fontSize()	设置文本组件的字体大小，可以接受像素值(px)。注：无文字的不可设置

这些通用属性可以灵活地应用于各种组件，帮助开发者在设计界面时实现精确的布局和样式控制。以下是每个属性的具体作用：

• width()：设置组件的宽度，接收一个数值参数，可以是像素值(px)或百分比(%)，定义组件在界面上的横向占用空间。例如，width(200)将组件的宽度设置为200像素，width('50%')将组件的宽度设置为父容器宽度的50%。

• height()：设置组件的高度，接收一个数值参数，可以是像素值(px)或百分比(%)，定义组件在界面上的纵向占用空间。例如，height(100)将组件的高度设置为100像素，height('50%')将组件的高度设置为父容器高度的50%。

• fontSize()：设置文本组件的字体大小，接收一个数值参数，可以是像素值(px)。例如，fontSize(16)将文本的字体大小设置为16像素。

👍 点赞，是我创作的动力！
⭐️ 收藏，是我努力的指引！
✏️ 评论，是我进步的宝藏！
💖 衷心感谢你的阅读以及支持！