0
点赞
收藏
分享

微信扫一扫

HarmonyOS实战—组件的外边距和内边距



文章目录


边距
  • 1. 外边距
  • 2. 内边距



边距

  • 组件的位置属性,分为:内边距 和 外边距
    HarmonyOS实战—组件的外边距和内边距_HarmonyOS实战

1. 外边距


  • 表示组件跟外部其他组件的边距
    HarmonyOS实战—组件的外边距和内边距_鸿蒙组件的内外边距_02
    HarmonyOS实战—组件的外边距和内边距_harmonyos_03
    HarmonyOS实战—组件的外边距和内边距_鸿蒙组件的内外边距_04
  • 案例:
  • 如果只设置 ​​margin​​ ,就会把上下左右都给设置了,这是一个整体的设置。

ohos:margin="10vp"

  • 设置第一个文本组件 ​​ohos:top_margin="10vp"​HarmonyOS实战—组件的外边距和内边距_鸿蒙OS_05
  • 给下面的文本框设置:​​ohos:top_margin="20vp"​HarmonyOS实战—组件的外边距和内边距_鸿蒙组件的内外边距_06

外边距小节


  • 组件边框外侧距离其他组件的距离。
  • 如果组件外侧没有其他组件,则是到父布局的距离。

2. 内边距


  • 组件边框内侧跟文本之间的间距
    HarmonyOS实战—组件的外边距和内边距_HarmonyOS组件的外边距_07
    HarmonyOS实战—组件的外边距和内边距_HarmonyOS实战_08
  • 一般设置上内边距左内边距就行了,因为设置了这两个,就可以确定文本的位置了
    HarmonyOS实战—组件的外边距和内边距_鸿蒙OS_09
  • 利用内边距就可以调整组件内部文本的位置
  • 把第二个文本的内边距设置为:​​ohos:top_padding="20vp"​HarmonyOS实战—组件的外边距和内边距_harmonyos_10

内边距小节



组件边框内侧距离内部文字的距离。




举报

相关推荐

内边距

0 条评论