开天辟地 HarmonyOS(鸿蒙) - 组件(展示类): Blank(空白)

源码 https://github.com/webabcd/HarmonyDemo
作者 webabcd

开天辟地 HarmonyOS(鸿蒙) - 组件(展示类): Blank(空白)

示例如下:

pages\component\display\BlankDemo.ets

/*
 * Blank - 空白
 */

import { TitleBar } from '../../TitleBar';

@Entry
@Component
struct BlankDemo {

  build() {
    Column({space:10}) {
      TitleBar()

      /*
       * Blank - 空白
       *   color() - 颜色
       */
      Blank().width(200).height(100)
        .color(Color.Red)

      /*
       * Blank - 空白(用于自动拉伸,从而填满 Row/Column/Flex 的剩余空间)
       *   min - 自动拉伸过程中的最小值(默认值为 0)
       */
      Row() {
        Text('abc').fontSize(24).fontColor(Color.White)
        // 这里的 100 用于指定 Blank 在自动拉伸过程中的最小值为 100(对于在 Row 中的 Blank 来说就是宽度的最小值为 100)
        Blank(100).color(Color.Red)
        Text('xyz').fontSize(24).fontColor(Color.White)
      }
      .width('100%')
      .backgroundColor(Color.Orange)
    }
  }
}

源码 https://github.com/webabcd/HarmonyDemo
作者 webabcd

posted @ 2025-02-05 15:03  webabcd  阅读(87)  评论(0)    收藏  举报