HarmonyOS开发基础知识之Component和ComponentContainer区别(鸿蒙教程)

实战需求

HarmonyOS鸿蒙开发小知识之Component和ComponentContainer区别

Component 是什么？

Component：提供内容显示，是界面中所有组件的基类，开发者可以给Component设置事件处理回调来创建一个可交互的组件。Java UI框架提供了一些常用的界面元素，也可称之为组件，组件一般直接继承Component或它的子类，如Text、Image等。

ComponentContainer 是什么？

ComponentContainer：作为容器容纳Component或ComponentContainer对象，并对它们进行布局。Java UI框架提供了一些标准布局功能的容器，它们继承自ComponentContainer，一般以“Layout”结尾，如DirectionalLayout、DependentLayout等。

Component和ComponentContainer 关系

用户界面元素统称为组件，组件根据一定的层级结构进行组合形成布局。组件在未被添加到布局中时，既无法显示也无法交互，因此一个用户界面至少包含一个布局。在UI框架中，具体的布局类通常以XXLayout命名，完整的用户界面是一个布局，用户界面中的一部分也可以是一个布局。布局中容纳Component与ComponentContainer对象。

ps：下面看下鸿蒙开发之创建Button按钮的方法(HarmonyOS鸿蒙开发基础知识)

Button 是什么

按钮（Button）是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。

创建Button

使用Button组件，可以生成形状、颜色丰富的按钮。

<Button
  ohos:id="$+id:button_sample"
  ohos:width="match_content"
  ohos:height="match_content"
  ohos:text_size="27fp"
  ohos:text="button"
  ohos:background_element="$graphic:button_element"
  ohos:left_margin="15vp"
  ohos:bottom_margin="15vp"
  ohos:right_padding="8vp"
  ohos:left_padding="8vp"
  ohos:element_left="$graphic:ic_btn_reload"
/>

总结