鸿蒙的线性布局

线性布局

线性布局（LinearLayout）通过线性容器 Column 和 Row 创建

Column 容器：子元素 垂直方向 排列

Row 容器：子元素 水平方向 排列

布局主方向上的对齐方式（主轴）

属性：.justifyContent(枚举FlexAlign） （Row 组件的 justifyContent 属性效果相似）

1. Start        （排布主方向）主轴起始位置对齐

2. Center        主轴居中对齐

3. End        主轴结束位置对齐

4. SpaceBetween        贴边显示，中间的元素均匀分布间隙

5. SpaceAround        间隙环绕 0.5，1，1，1，0.5 的间隙分布，靠边只有一半的间隙

6. SpaceEvenly        间隙均匀环绕，靠边也是完整的一份间隙

语法： 

.justifyContent(FlexAlign.Start)

交叉轴对齐方式

属性：alignItems()

参数：枚举类型

交叉轴在水平方向：HorizontalAlign

交叉轴在垂直方向：VerticalAlign 

Column  交叉轴的对齐方式（水平往右）

语法： 

alignItems(HorizontalAlingn.Start)//    Center        End

Row  交叉轴的对齐方式（垂直往下的交叉轴） VerticalAlign

语法 ：

alignItems(VerticalAlign.Top)//        Center        Bottom

自适应伸缩

设置 layoutWeight 属性的 子元素 与 兄弟元素，会 按照权重 进行分配 主轴 的空间

语法：.layoutWeight(数字)