Harmony 应用开发常用布局介绍
在 Harmony 应用开发中,合理的布局是构建美观且易用界面的关键。以下是几种常用的布局方式。 Column 布局 特点:Column 是一种垂直方向的线性布局容器。它将子组件按照从上到下的顺序依次排列。 示例代码: Column({ space: 5 }) { Text("Column") Button('Button 1') Button('Button 2') }.width('90%') .borderRadius(16) .borderColor(Color.Red) .borderWidth(2) .padding(10) Row 布局 特点:与 Column 相反,Row 是水平方向的线性布局。子组件在水平方向上从左到右排列。 示例代码: Row({ space: 5 }) { Text("Row") ForEach(this.list, (index: number) => { Button('Button' + index) }) }.width('100%') .borderRadius(16) .borderColor(Color.Red) .border...