【开发自修室】大家一起学HarmonyOS鸿蒙Next应用程序开发教程：第7讲 Row、Column组件结合layoutWeight实现弹性布局

在HarmonyOS鸿蒙Next应用程序开发中，线性布局（DirectionalLayout）是一种常用的布局方式，用于在屏幕上按水平或垂直方向排列子组件。DirectionalLayout继承自ComponentContainer，支持通过设置orientation属性来指定布局方向，可选值为HORIZONTAL（水平）或VERTICAL（垂直）。

在DirectionalLayout中，子组件按照添加顺序依次排列，可以通过设置weight属性来调整子组件在布局中的占比。weight值越大，子组件占据的空间越多。此外，还可以通过设置alignment属性来调整子组件在布局中的对齐方式，如左对齐、右对齐、居中等。

DirectionalLayout支持嵌套使用，可以在一个DirectionalLayout中嵌套另一个DirectionalLayout，以实现更复杂的布局结构。在布局过程中，可以通过设置padding和margin属性来调整子组件与父容器或相邻组件之间的间距。

在代码中，可以通过以下方式创建和配置DirectionalLayout：

import { DirectionalLayout, Text } from '@ohos.arkui';

let layout = new DirectionalLayout();
layout.orientation = DirectionalLayout.HORIZONTAL;

let text1 = new Text();
text1.text = "Hello";
text1.weight = 1;

let text2 = new Text();
text2.text = "World";
text2.weight = 2;

layout.addComponent(text1);
layout.addComponent(text2);

以上代码创建了一个水平方向的DirectionalLayout，并添加了两个Text组件，分别设置了不同的weight值，以实现不同的空间占比。