openharmony容器组件之Row

原创

已于 2022-08-09 10:21:33 修改 · 421 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#openharmony #harmonyos #eTS

于 2022-08-08 11:30:46 首次发布

Row：沿水平方向布局的容器

Row(value:{space?: Length}) //space：横向布局元素间距，默认为0
Row属性：
1，alignItems（在垂直方向上子组件的对齐格式）
2，justifyContent8+（设置子组件在水平方向上的对齐格式）

上代码：

@Entry
@Component
struct ColumnT {
  build() {
    Column() {
      Text('space').fontSize(9).fontColor(0x000000).width('90%')
      //space：横向布局元素间距
      Row({ space: 5 }) {
        Text().width('30%').height(30).backgroundColor(0xAFEEEE)
        Text().width('30%').height(30).backgroundColor(0x00FFFF)
      }.width('90%').height(80).border({ width: 1 })

      Text('alignItems').fontSize(9).fontColor(0x000000).width('90%')
      //alignItems：在垂直方向上子组件的对齐格式(属性有：Start，Center，End)，默认(Center)
      Row({ space: 5 }) {
        Text().width('30%').height(30).backgroundColor(0xAFEEEE)
        Text().width('30%').height(30).backgroun