1# ArkUI子系统Changelog
2
3## cl.arkui.1 移动窗口布局模式瀑布流行为变更
4
5**访问级别**
6
7公开接口
8
9**变更原因**
10
11优化[移动窗口布局模式](../../../application-dev/reference/apis-arkui/arkui-ts/ts-container-waterflow.md#waterflowlayoutmode12)瀑布流使用LazyForEach增删节点时布局方式。
12
13**变更影响**
14
15该变更为不兼容变更。
16
17变更前:在显示范围上方增加节点,显示范围节点会下移;在显示范围上方删除节点,显示范围节点会上移
18
19变更后:在显示范围上方增删节点,显示范围不变
20
21下表显示在显示范围上方增加一个节点时变更前后的效果对比:
22| 增加节点前|变更前:图7显示到原图8的位置 | 变更后:图8位置不变 |
23| --- |--- | --- |
24|![waterflow](figures/waterflow.png) |![waterflow-before](figures/waterflow-before.png) |![waterflow-after](figures/waterflow-after.png)  |
25
26
27**起始API Level**
28
29API 12
30
31**变更发生版本**
32
33从OpenHarmony 5.0.0.37 版本开始。
34
35**变更的接口/组件**
36
37WaterFlow组件布局模式WaterFlowLayoutMode.SLIDING_WINDOW38
39**适配指导**
40
41默认行为变更,无需适配,但应注意变更后的行为是否对整体应用逻辑产生影响。
42
43
44## cl.arkui.2 滚动类组件默认最大抛划限速变更
45
46**访问级别**
47
48公开接口
49
50**变更原因**
51
52滚动类组件(List、Scroll、Grid、WaterFlow)快速抛划时,划动距离太近,需要优为化快速划动,提升体验。
53
54**变更影响**
55
56该变更为不兼容变更。
57
58变更前:滚动类组件最大抛划限速默认为4200vp/s
59
60变更后:滚动类组件最大抛划限速默认为12000vp/s
61
62下表变更前后快速抛划效果对比:
63|变更前 | 变更后 |
64| --- |--- |
65|![](figures/flingSpeedLimit4200.gif) |![](figures/flingSpeedLimit12000.gif)  |
66
67
68**起始API Level**
69
70API 11
71
72**变更发生版本**
73
74从OpenHarmony 5.0.0.37 版本开始。
75
76**变更的接口/组件**
77
78滚动类组件[flingSpeedLimit](../../../application-dev/reference/apis-arkui/arkui-ts/ts-container-scrollable-common.md#flingspeedlimit11)属性。
79
80**适配指导**
81
82无需适配,如果滚动速度过快导致性能问题,可以使用[flingSpeedLimit](../../../application-dev/reference/apis-arkui/arkui-ts/ts-container-scrollable-common.md#flingspeedlimit11)接口设置最大抛划限速。
83
84```ts
85@Entry
86@Component
87struct ListItemExample {
88  private arr: number[] = []
89
90  aboutToAppear(): void {
91    for (let i = 0; i < 50; i++) {
92      this.arr.push(i)
93    }
94  }
95
96  build() {
97    Column() {
98      List({ space: 20, initialIndex: 0 }) {
99        ForEach(this.arr, (item: number) => {
100          ListItem() {
101            Text('' + item)
102              .width('100%')
103              .height(100)
104              .fontSize(16)
105              .textAlign(TextAlign.Center)
106              .borderRadius(10)
107              .backgroundColor(0xFFFFFF)
108          }
109        }, (item: string) => item)
110      }.width('90%')
111      .flingSpeedLimit(4200) // 设置抛划限速
112    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
113  }
114}
115```