✍️作者简介：小北编程（专注于HarmonyOS、Android、Java、Web、TCP/IP等技术方向）
🐳博客主页： 开源中国、稀土掘金、51cto博客、博客园、知乎、简书、慕课网、CSDN
🔔如果文章对您有一定的帮助请👉关注✨、点赞👍、收藏📂、评论💬。
🔥如需转载请参考【转载须知】
ArkUI 组件介绍
组件（Component）是界面搭建与显示的基本单位。在HarmonyOS ArkUI的声明式开发范式中，开发者可以利用丰富多样的UI组件，轻松编写出更加丰富和漂亮的界面。
这些组件根据功能可以分为以下五大类：
- 基础组件：视图层的基本组成单元，包括Text、Image、TextInput、Button、LoadingProgress等。这些组件是应用界面中最常用的元素，例如登录界面中就经常会用到它们。
- 容器组件：用于布局和组织其他组件，例如Column、Row、Stack等，帮助开发者管理复杂的界面布局。
- 媒体组件：处理多媒体内容，包括Video、Audio等组件，用于播放视频和音频文件。
- 绘制组件：提供自定义绘制能力的组件，例如Shape、Path等，适用于需要自定义图形和动画的场景。
- 画布组件：用于更高级的绘制操作，允许开发者直接在画布上进行绘制，实现复杂的图形和交互效果。
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像素。
👍 点赞，是我创作的动力！
⭐️ 收藏，是我努力的指引！
✏️ 评论，是我进步的宝藏！
💖 衷心感谢你的阅读以及支持！
