HarmonyOS 鸿蒙Next 如何给一个scroller 里面的子容器设置一个固定高度

发布于 1周前 作者 zlyuanteng 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 如何给一个scroller 里面的子容器设置一个固定高度 如何给一个scroller 里面的子容器设置一个固定高度 鸿蒙组件好像没有minheight maxheight这种属性，我有一个容器是grid 然后高度想固定，如果内容超出了 就支持滚动上下滚动查看

Harmonyos Next教程
3 回复 
有最小高度和最大高度，
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-size-V5#constraintsize
@Entry
@Component
struct MinHeightList {
  build() {
    List({ space: 10 }) {

      ListItem() {
        Button('test1').width('100').height(50)
          .onClick(() => {


          })
      }

      ListItem() {
        Button().width('100').height(50)
          .onClick(() => {


          })
      }

      ListItem() {
        Button().width('100').height(50)
          .onClick(() => {


          })
      }
      ListItem() {
        Button().width('100').height(50)
          .onClick(() => {


          })
      }

    }
    .width('100%')
    .padding({ left: 14, right: 14, bottom: 14 })
    .scrollBar(BarState.Off)
    .backgroundColor(Color.Blue)
    .height('10%')
    .constraintSize({ minHeight: '55%', minWidth: '50%' })
  }
}

更多关于HarmonyOS 鸿蒙Next 如何给一个scroller 里面的子容器设置一个固定高度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


constraintsize属性支持设置最小和最大高度，详情参考： https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-universal-attributes-size-V13#constraintsize

在HarmonyOS鸿蒙系统中，为scroller组件内的子容器设置一个固定高度，可以通过设置子容器的height属性来实现。这里假设你使用的是XML布局文件来定义界面。

示例如下：

<scroller
    ohos:id="$+id:scroller"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical">

    <container
        ohos:id="$+id:child_container"
        ohos:width="match_parent"
        ohos:height="200vp"  <!-- 设置固定高度为200虚拟像素 -->
        ohos:background_element="#FFFFFF">
        <!-- 子容器内的其他组件 -->
    </container>

</scroller>

在上述代码中，scroller组件用于提供滚动功能，其内部包含一个container子容器。通过设置container的ohos:height属性为200vp，你可以指定该子容器的高度为200虚拟像素（vp）。虚拟像素是一种与设备无关的长度单位，有助于在不同屏幕尺寸和分辨率的设备上保持界面的一致性。

如果你需要在代码中动态设置高度，可以通过获取container组件的引用，并使用setHeight()方法。例如：

Component container = findComponentById(ResourceTable.Id_child_container);
container.setHeight(200);  <!-- 假设这里使用的是与设备相关的像素单位 -->

注意，在代码中设置高度时，单位可能需要根据具体需求进行调整（如使用vp单位可能需要进行转换）。

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

回到顶部