Demo示例: Blank的使用 - KaihongOS技术社区 - 电子技术论坛 - 广受欢迎的专业电子论坛
分享 收藏 返回
fansz 关注 私信
[文章]

Demo示例: Blank的使用

Blank

空白填充组件,在容器主轴方向上,空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column/Flex时生效。
常用接口

Blank(min?: number | string)
参数:
参数名参数类型必填参数描述
minnumber | string空白填充组件在容器主轴上的最小大小。
默认值:0
说明:
不支持设置百分比。负值使用默认值。当最小值大于容器可用空间时,使用最小值作为自身大小并超出容器。
常用属性

名称参数类型描述
colorResourceColor设置空白填充的填充颜色。

默认值:Color.Transparent
从API version 9开始,该接口支持在ArkTS卡片中使用。
Demo示例: Blank的使用

@Entry@Componentstruct BlankExample {  build() {    Column() {      Row() {        Text('父组件宽度60%').fontSize(18)        Blank()        Toggle({ type: ToggleType.Switch }).margin({ top: 14, bottom: 14, left: 6, right: 6 })      }.width('60%').backgroundColor(0xFFFFFF).borderRadius(15).padding({ left: 12 })      Blank("20vp")        .color(0xEFEFEF)      Row() {        Text('父组件宽度100%').fontSize(18)        Blank()        Toggle({ type: ToggleType.Switch }).margin({ top: 14, bottom: 14, left: 6, right: 6 })      }.width('100%').backgroundColor(0xFFFFFF).borderRadius(15).padding({ left: 12 })    }.width("100%").height("50%").backgroundColor(0xEFEFEF).padding(20)  }}

  • 预览查看效果

关于Blank更详细用法


更多回帖

×
发帖