HarmonyOS 组件通用属性之尺寸设置

最新推荐文章于 2024-11-08 15:39:43 发布

瑞晟技术服务中心-耿瑞

最新推荐文章于 2024-11-08 15:39:43 发布

阅读量1.9k

点赞数 10

文章标签： harmonyos 华为鸿蒙

本文链接：https://blog.csdn.net/weixin_45966674/article/details/135354188

版权

本文详细介绍了如何在HarmonyOS开发中设置组件的尺寸，包括宽高、内边距、边框和外边距的使用方法，并通过实例展示了如何灵活调整布局。

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

本文我们一起来看一下组件通用属性里面的
尺寸设置

具体来说就是针对一个组件进行宽高边距等属性设置
我们可以先来看一张图
在这里插入图片描述
这是一个WEB PC端开发的视图它是一个盒子模型界面认为每个元素都是一个盒子
最外面是 margin 外边距然后元素外围有一圈 border 边框然后再里面是 padding 内边距最里面是元素本身
这个对我们harmonyOS开发同样适用的

我们可以组件代码编写如下

@Entry
@Component
struct Index {
   

  build() {
   
    Row() {
   
      Column() {
   
        Row(){
   

        }.width(200).height(200).backgroundColor(Color.Gray)
      }
      .width('100%')
    }
    .height('100%')
  }
}