ArkTs中如何设置组件距离？(华为鸿蒙软件开发)设置margin

最新推荐文章于 2025-03-20 14:03:36 发布

RedOorange

最新推荐文章于 2025-03-20 14:03:36 发布

阅读量4.6k

点赞数 6

分类专栏： ArkTS 文章标签：华为鸿蒙 javascript 软件工程

本文链接：https://blog.csdn.net/m0_59069134/article/details/130280360

版权

ArkTS 专栏收录该内容

2 篇文章

订阅专栏

博客介绍了通过margin设置组件间距离的方法。给出实例，展示设置margin前后顶部与按钮间的间隔变化。还说明了需在组件UI描述加上margin属性，并提及官方相关的位置设置文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面让我来告诉你如何通过margin设置组件间的距离

实例：

顶部与下面的两个按钮之间紧密相连

设置margin后

产生了间隔

代码：

Row(){
    Button('刷词条', { type: ButtonType.Capsule, stateEffect: true })
        .backgroundColor('#FFFFFF').width('40%').height('5%').fontColor('#000000')
    Button('抽词条', { type: ButtonType.Capsule, stateEffect: true })
         .backgroundColor('#FFFFFF').width('40%').height('5%').fontColor('#000000')
}.margin({top:'10'})//--------具体顶部10

我们需要在组件UI描述加上margin属性