OpenHarmony鸿蒙应用如何使用滚动类组件

简介：

瀑布流容器，由“行”和“列”分割的单元格所组成，通过容器自身的排列规则，将不同大小的“项目”自上而下，如瀑布般紧密布局。

文档环境：

• 开发环境：Windows 10 家庭版
• DevEco Studio 版本：DevEco Studio 3.1.1 Release(3.1.0.501)
• SDK 版本：4.1.5.5 (full sdk)
• API 版本：Version 11
• 开发板型号：DAYU200(RK3568)
• 系统版本：OpenHarmony 4.1.5.5

演示 demo：

演示 demo 分为两部分： WaterFlow 控制、WaterFlow 属性，WaterFlow 控制可设置瀑布流容器滚动相关参数，WaterFlow 属性可以设置瀑布流容器的滚动条相关属性。

• WaterFlow 控制： 调节参数可以通过 scrollBy 指定滑动距离，通过 scrollEdge 可以设置滚动到容器边缘的顶部或底部, scrollBy 的取值范围包括正数和负数，即向上滚动还是向下滚动，scrollEdge 的选项包括 Top 和 Bottom.

• WaterFlow 属性：WaterFlow 属性页签中包括 scrollBar、scrollBarColor、scrollBarWidth、edgeEffect 四个属性，
  WaterFlow 绑定 onScroll、onScrollIndex、onScrollStart、onScrollStop 四个事件，瀑布流组件下方的文字区显示当前触发了什么事件。

WaterFlow 控制核心代码如下

// 子页签：WaterFlow控制
TabContent() {
   
Column() {
   
WaterFlowScrollByControlPanel({
   
  scrollBy: \$scrollBy
})
WaterFlowScrollEdgeControlPanel({
   
  scrollEdge: \$scrollEdge
})
}
.width('100%')
.height('100%'