HarmonyOS 鸿蒙Next arkui 基础组件里是否有类似于android的guideline可区分容器百分比的组件

我想在屏幕高度40%的位置放一个view, 这个view的中心就在40%的这个线上, 但是我在文档里好像没有找到类似android guideline这样的组件, 目前有没有好的方式去处理这种百分比位置的布局方式呢

你可以使用RelativeContainer，参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-relativecontainer-V5

我在IDE403版本上试了一下现在就是根据内容自适应高度的，demo如下：

[@Entry](/user/Entry)
@Component


struct Page {


  @State message: string = ‘Hello World’;


  build() {


    RelativeContainer() {


      Row(){


        Text(this.message)


          .id(‘PageHelloWorld’)


          .fontSize(50)


      }


      .width(‘100%’)


      .borderWidth(1)


    }


    .height(‘100%’)


    .width(‘100%’)


  }


}

更多关于HarmonyOS 鸿蒙Next arkui 基础组件里是否有类似于android的guideline可区分容器百分比的组件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

gougou168 2楼•10 天前

在HarmonyOS 鸿蒙Next arkui基础组件中，确实存在可以区分容器百分比的布局机制，但并非直接命名为"guideline"的组件。鸿蒙系统采用了Flexible Layout布局，通过设定子元素的权重（weight）和尺寸（如百分比宽高）来实现类似Android中Guideline的功能。

具体而言，你可以在arkui中使用Flex布局容器（FlexContainer），通过为子元素设置flex属性来控制其在容器中的相对大小和比例。例如，可以通过设置flex-grow和flex-shrink等属性，以及使用百分比宽度和高度来定义元素占据容器空间的百分比。

此外，鸿蒙arkui还支持使用绝对定位（如使用left、top、width和height等属性配合百分比值）和相对定位（如使用margin等属性）来实现更精细的布局控制。

综上所述，虽然鸿蒙arkui中没有直接命名为"guideline"的组件，但你可以通过Flexible Layout和其他布局属性来实现类似的功能。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部