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

华为开发者鸿蒙专区小助手

于 2023-06-09 01:29:03 发布

阅读量229

点赞数

CC 4.0 BY-SA版权

文章标签： harmonyos

本文链接：https://blog.youkuaiyun.com/csdndevpress0028/article/details/131118914

本文介绍了如何在线性布局中利用Blank组件来自动填充主轴方向的空白空间，从而实现自适应拉伸的效果。示例代码展示了一个包含Text、Blank和Toggle(Switch类型)的Row布局，整个Column布局具有背景色并设置了内边距，宽度设置为100%以充满容器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

拉伸效果

参考引用自官方文档。

进入华为专区，解锁更多内容