HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸

鸿蒙时代
发布于 2023-2-21 10:06
浏览
0收藏

自适应拉伸,在线性布局下,常用空白填充组件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%')
  }
}

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

拉伸效果
HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸-鸿蒙开发者社区
HarmonyOS/OpenHarmony应用开发-ArkTS自适应线性布局自适应拉伸-鸿蒙开发者社区
参考引用自官方文档。

标签
HarmonyOSOpenHarmony应用开发-ArkTS自适应.doc 30.89K 20次下载
收藏
回复
举报


回复
    相关推荐