> 文档中心 > 鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧

鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧


鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧

文章目录

  • 鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧
  • 一、举个例子
  • 二、使用步骤
    • 1.没空白的情况(例子)
    • 2.找一个控件 不显示资源 只设置宽高即可 这里用Text 设置高
  • 总结


提示:以下是本篇文章正文内容,下面案例可供参考

一、举个例子

鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧
这里有一个空白

二、使用步骤

1.没空白的情况(例子)

代码如下(示例):

 build() {    Column({ space: 5 }) {//TODO:这里希望添加一个纵向的空白      Image($r('app.media.icon')) .clip(new Circle({ width: 100, height: 100 })) .width(100).height(100)

2.找一个控件 不显示资源 只设置宽高即可 这里用Text 设置高

代码如下(示例):

 build() {    Column({ space: 5 }) {//这里希望添加一个纵向的空白      Text("") .fontSize(150) .height(100)      Image($r('app.media.icon')) .clip(new Circle({ width: 100, height: 100 })) .width(100).height(100)

总结

提示:这里对文章进行总结:
就是这样

开发者涨薪指南 鸿蒙harmonyOS方舟框架ARK etsUI 占位和留白的小技巧 48位大咖的思考法则、工作方式、逻辑体系