三分钟教你认识ArkUI的所有容器组件!(持续更新中)

152 阅读1分钟

概述

容器组件的定义:容器组件是能够包含其他组件并控制它们的排列和显示方式的组件。

容器组件的作用包括:

  • 负责管理和组织其子组件的布局,定义它们的排列方式(如垂直、水平或网格等),从而帮助开发者实现所需的视觉结构。
  • 通过容器组件可以创建逻辑清晰的的组件布局,让界面结构更加清晰明确,方便维护和修改
  • 可以设置边框、背景、内边距、外边距等样式属性,从而影响其子组件的外观和样式。

基础容器组件

1. Column容器组件

**基本功能:**Column容器能垂直排列其内部的一级子元素组件,通常用于创建列表式的界面或者应用于垂直堆叠的布局。

说明:

默认主轴方向:竖直

默认交叉轴方向:水平

82169a0673614c848ee59d2011239018~tplv-73owjymdk6-jj-mark-v1_0_0_0_0_5o6Y6YeR5oqA5pyv56S-5Yy6IEAg54ix57u_5Y-2_q75.webp

注意点:Column内部的组件在水平方向默认居中排列,在竖直方向默认从顶部开始排列

2.Row组件

功能容器组件