共计 1263 个字符，预计需要花费 4 分钟才能阅读完成。
作者：韩茹
公司：程序咖（北京）科技有限公司
鸿蒙巴士专栏作家
利用的 Ability 在屏幕上将显示一个用户界面，该界面用来显示所有可被用户查看和交互的内容。
利用中所有的用户界面元素都是由 Component 和 ComponentContainer 对象形成。Component 是绘制在屏幕上的一个对象，用户能与之交互。ComponentContainer 是一个用于包容其余 Component 和 ComponentContainer 对象的容器。
Java UI 框架提供了一部分 Component 和 ComponentContainer 的具体子类，即创立用户界面（UI）的各类组件，包含一些罕用的组件（比方：文本、按钮、图片、列表等）和罕用的布局（比方：DirectionalLayout 和 DependentLayout）。用户可通过组件进行交互操作，并取得响应。
所有的 UI 操作都应该在主线程进行设置。
一、组件和布局
用户界面元素统称为组件，组件依据肯定的层级构造进行组合造成布局。组件在未被增加到布局中时，既无奈显示也无奈交互，因而一个用户界面至多蕴含一个布局。在 UI 框架中，具体的布局类通常以 XXLayout 命名，残缺的用户界面是一个布局，用户界面中的一部分也能够是一个布局。布局中包容 Component 与 ComponentContainer 对象。
二、Component 和 ComponentContainer
- Component：提供内容显示，是界面中所有组件的基类，开发者能够给 Component 设置事件处理回调来创立一个可交互的组件。Java UI 框架提供了一些罕用的界面元素，也可称之为组件，组件个别间接继承 Component 或它的子类，如 Text、Image 等。
- ComponentContainer：作为容器包容 Component 或 ComponentContainer 对象，并对它们进行布局。Java UI 框架提供了一些规范布局性能的容器，它们继承自 ComponentContainer，个别以“Layout”结尾，如 DirectionalLayout、DependentLayout 等。
图 1 Component 构造
三、LayoutConfig
每种布局都依据本身特点提供 LayoutConfig 供子 Component 设定布局属性和参数，通过指定布局属性能够对子 Component 在布局中的显示成果进行束缚。例如：“width”、“height”是最根本的布局属性，它们指定了组件的大小。
图 2 LayoutConfig
四、组件树
布局把 Component 和 ComponentContainer 以树状的层级构造进行组织，这样的一个布局就称为组件树。组件树的特点是仅有一个根组件，其余组件有且仅有一个父节点，组件之间的关系受到父节点的规定束缚。
更多内容：
1、社区：鸿蒙巴士 https://www.harmonybus.net/
2、公众号：HarmonyBus
3、技术交换 QQ 群：714518656
4、视频课：https://www.chengxuka.com