鸿蒙开发 01 实现骰子布局

她似晚风般温柔789

于 2024-07-20 16:33:00 发布

阅读量45

点赞数

分类专栏：鸿蒙文章标签： android 鸿蒙 arkTS

本文链接：https://blog.csdn.net/weixin_56050344/article/details/140573371

版权

鸿蒙专栏收录该内容

4 篇文章 0 订阅

订阅专栏

鸿蒙开发 01 鸿蒙开发 01 实现骰子布局

1、效果
2、代码

1、效果

在这里插入图片描述

2、代码

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Column() {
      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }.justifyContent(FlexAlign.SpaceBetween)
      .padding({
        left: 50,
        right: 50
      })
      .margin({
        top: 40
      })
      .width("100%")

      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }
      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }.justifyContent(FlexAlign.SpaceBetween)
      .padding({
        left: 50,
        right: 50
      })
      .width("100%")
      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }.justifyContent(FlexAlign.End)
      .padding({
        left: 50,
        right: 50
      })
      .margin({
        top: 40
      })
      .width("100%")

      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }
      Row() {
        Radio({ value: 'Radio1', group: 'radioGroup' })
          .checked(false).height(100)
      }.justifyContent(FlexAlign.SpaceBetween)
      .padding({
        left: 50,
        right: 50
      })
      .width("100%")
    }
    .height('100%')
  }
}