首页 > 其他分享 >学习笔记(三十三):ArkUi-Blank (空白)

学习笔记(三十三):ArkUi-Blank (空白)

时间:2024-11-10 22:44:39浏览次数:4  
标签:容器 三十三 填充 空白 Blank 组件 ArkUi Row

概述:

空白填充组件,在容器主轴方向上,空白填充组件具有自动填充容器空余部分的能力。

仅当父组件为Row/Column/Flex时生效。

一、定义:

Blank(min?: number | string)

min: 非必填,空白填充组件在容器主轴上的最小大小,默认值:0

 

二、属性:

color,设置空白填充的填充颜色。

使用示例:
@Entry
@Component
struct BlankDividerExample {
  @State message: string = 'Hello World';

  build() {
    Row() {
      Row() {
        Text('这是标题')
          .fontWeight(FontWeight.Bold)
        Blank() // 空白
        Text('这是内容')
      }
      .width('100%')
      .justifyContent(FlexAlign.Center)
      .padding(10)
      .backgroundColor(Color.Grey)
    }
    .height('100%')
  }
}

给空白设置颜色:

Blank().color(Color.Red) // 空白

 

 

标签:容器,三十三,填充,空白,Blank,组件,ArkUi,Row
From: https://www.cnblogs.com/xqxacm/p/18538668

相关文章

  • 学习笔记(三十四):ArkUi-Divider (分隔)
    概述:提供分隔器组件,分隔不同内容块/内容元素。一、定义Divider()二、属性1、vertical,设置分割线的方向vertical(value:boolean)使用水平分割线还是垂直分割线。false:水平分割线;true:垂直分割线。默认值:false2、color,设置分割线的颜色color(value:ResourceColor)......
  • 学习笔记(三十二):[email protected] (布局回调)
    概述:提供注册组件布局和绘制完成回调通知的能力。一、导入模块import{inspector}from'@kit.ArkUI' 二、绑定指定组件,返回对应的监听句柄inspector.createComponentObservercreateComponentObserver(id:string):ComponentObserver 三、注册\取消注册回调参......
  • 《消逝的光芒2》v1.19三十三项修改器风灵月影版下载
    介绍《消逝的光芒2》v1.19三十三项修改器风灵月影版,为玩家提供了强大的功能,包括无限生命、无限弹药、无限金钱等,大幅降低游戏难度。让玩家在享受游戏的同时,拥有更多自由探索和实验的空间。使用教程1、解压文件。2、启动游戏。3、启动修改器。下载地址消逝的光芒2修改器......
  • 学习笔记(三十):ArkUi-UIContext.getPromptAction(弹窗)
    概述:基于promptAction弹窗演进而来,支持全局自定义弹窗,不依赖UI组件,依赖UIContext,支持在非页面文件中使用,弹窗内容支持动态修改,支持自定义弹窗圆角半径、大小和位置,适合在与页面解耦的全局弹窗、自定义弹窗显示和退出动画等场景下使用。注意:需先使用UIContext中的getPromptAct......
  • 三十三、Python基础语法(面向对象其他语法-下)
    一、属性划分1.类属性类属性:类属性就是类对象具有的属性,一般写法在类内部、方法的外部定义的变量,就是类属性,类属性在内存中只有一份。可以通过类名直接访问,也可通过实例访问。classCircle:#类属性,定义圆周率pi=3.14159def__init__(self,radius):......
  • 学习笔记(二十八):ArkUi-自定义弹窗 (CustomDialog)
    概述:CustomDialog是自定义弹窗,可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗一、创建自定义弹框1、使用@CustomDialog装饰器装饰自定义弹窗,可在此装饰器内自定义弹窗内容//自定义弹框内容@CustomDialogst......
  • 学习笔记(二十七):ArkUi-警告弹窗(AlertDialog)
    概述:警告弹窗,需要向用户提问或得到用户的许可。警告弹窗用来提示重要信息,但会中断当前任务,尽量提供必要的信息和有用的操作。避免仅使用警告弹窗提供信息,用户不喜欢被信息丰富但不可操作的警告打断。必选内容包含:标题、可选信息文本、最多3个按钮。可选内容包含:输入框、icon......
  • arkUI:Column和Rom的间距设置(列向,横向)
    arkUI:Column和Rom的间距设置(列向,横向)1主要内容说明2相关内容举例和说明2.1Column的间距(列的间距)2.1.1源码1(Column的间距)2.1.2源码1运行效果2.2Row的间距(横向间距)2.2.1源码2(Row的间距)3.结语4.定位日期1主要内容说明Column:垂直布局组件,子组件从上到下依次......
  • 鸿蒙HarmonyOS(ArkUI基础-3)
    文章目录ArkUI(方舟UI框架)1.简介2.基本概念3.概述4.布局1.概述......
  • 学习笔记(二十五):ArkUi-栅格布局 (GridRow/GridCol)
    概述:栅格布局是一种通用的辅助定位工具,对移动设备的界面设计有较好的借鉴作用。主要优势包括:提供可循的规律:栅格布局可以为布局提供规律性的结构,解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数,可以方便地对页面元素进行定位和排版。统一的定位标注:栅格......