[文章]HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸实现

阅读量0
0
1

自适应拉伸,在线性布局下,常用空白填充组件Blank,在容器主轴方向自动填充空白空间,达到自适应拉伸效果。

实现方式

@Entry

@Component

struct BlankExample {

  build() {

    Column() {

      Row() {

        Text('Bluetooth').fontSize(18)

        Blank()

        Toggle({ type: ToggleType.Switch, isOn: true })

      }.backgroundColor(0xFFFFFF).borderRadius(15).padding({ left: 12 }).width('100%')

    }.backgroundColor(0xEFEFEF).padding(20).width('100%')

  }

}

实现效果
图片40.png

图片41.png

参考引用自官方文档。

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友