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

最新推荐文章于 2024-11-06 14:18:43 发布

原创最新推荐文章于 2024-11-06 14:18:43 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #ArkUI #eTs

harmonyOS鸿蒙专栏收录该内容

28 篇文章

订阅专栏

本文介绍了在鸿蒙HarmonyOS的方舟框架ArkUI中，如何利用eTs进行占位和留白的小技巧。通过举例子和详细步骤，展示了一种通过设置控件宽高来实现留白的方法，特别是通过隐藏Text控件仅保留其尺寸来达到目的。

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

文章目录

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

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

一、举个例子

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
这里有一个空白

二、使用步骤

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)