OpenHarmony应用如何使用瀑布流容器组件 原创

	// 子页签：WaterFlow控制
	TabContent() {
	Column() {
	WaterFlowScrollByControlPanel({
	  scrollBy: $scrollBy
	})
	WaterFlowScrollEdgeControlPanel({
	  scrollEdge: $scrollEdge
	})
	}
	.width('100%')
	.height('100%')
	}.tabBar(new SubTabBarStyle($r('app.string.water_flow_controller')))
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

    TabContent() {
      Scroll() {
      Column() {
        WaterFlowPropertiesScrollBarControlPanel({scrollBar: $scrollBar})
        .backgroundColor(Color.White)
        .borderRadius(16)
        .padding({left:12,right:12,top:12})
        .margin({bottom:12})

        WaterFlowPropertiesScrollBarColorControlPanel({scrollBarColor: $scrollBarColor})
        .backgroundColor(Color.White)
        .borderRadius(16)
        .padding({left:12,right:12,top:12})
        .margin({bottom:12})

        WaterFlowPropertiesScrollBarWidthControlPanel({scrollBarWidth: $scrollBarWidth})
          .backgroundColor(Color.White)
          .borderRadius(16)
          .padding({left:12,right:12,top:12})
          .margin({bottom:12})

        WaterFlowPropertiesEdgeEffectControlPanel({edgeEffect: $edgeEffect})
          .backgroundColor(Color.White)
          .borderRadius(16)
          .padding({left:12,right:12,top:12})
          .margin({bottom:12})
      }
      .width('100%')
    }

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.