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

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

实例:

ArkTs中如何设置组件距离?(华为鸿蒙软件开发)设置margin_第1张图片

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

设置margin后

ArkTs中如何设置组件距离?(华为鸿蒙软件开发)设置margin_第2张图片

 产生了间隔

代码:

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属性

官方相关文档-位置设置

文档中心

你可能感兴趣的:(ArkTS,华为,鸿蒙,javascript,软件工程)