从零开始学习鸿蒙OS 记录 （二.六种布局的简单使用）

想要写好页面，首先要了解的当然就是布局啦，那我们一起来看看鸿蒙常用的六种布局吧~官方文档

 

一、DirectionalLayout 

类似于Android的LinearLayout

用于将一组组件(Component)按照水平或者垂直方向排布，能够方便地对齐布局内的组件。该布局和其他布局的组合，可以实现更加丰富的布局方式。

主要的常见属性有

1）子布局的排列方式  orientation（竖直、水平）

2）子布局的对齐方式 layout_alignment

3）子布局所占的权重  weight

 

二、DependentLayout

类似于Android的RelativeLayout

拥有更多的排布方式，每个组件可以指定相对于其他同级元素的位置，或者指定相对于父组件的位置。

主要的常见属性有

1）挨着 （left_of、right_of、above、below）

2）对齐 （align_baseline、align_left、align_right、align_top、align_bottom）

3）对齐父控件（align_parent_left、align_parent_right、align_parent_top、al