1# arkui子系统ChangeLog
2
3
4## cl.arkui.1 List组件和Gird组件滚动条默认状态变更
5
6List组件和Gird组件滚动条默认状态从BarState.Off变更为BarState.Auto。
7
8**变更影响**
9
10List组件和Gird组件，如果没有设置滚动条状态，变更前不会显示滚动条，变更以后滚动时会显示滚动条，滚动停止两秒后滚动条隐藏。
11
12**关键接口/组件变更**
13
14List组件和Gird组件滚动条API接口文档：
15- [List组件属性](../../../application-dev/reference/arkui-ts/ts-container-list.md#属性)
16- [Grid组件属性](../../../application-dev/reference/arkui-ts/ts-container-grid.md#属性)
17
18**适配指导**
19
20对于不需要滚动条的场景，需要将List组件或Grid组件的scrollBar属性设置为BarState.Off。
21
22参考代码如下：
23```ts
24// xxx.ets
25@Entry
26@Component
27struct ListItemExample {
28  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
29
30  build() {
31    Column() {
32      List({ space: 20, initialIndex: 0 }) {
33        ForEach(this.arr, (item) => {
34          ListItem() {
35            Text('' + item)
36              .width('100%').height(100).fontSize(16)
37              .textAlign(TextAlign.Center).borderRadius(10).backgroundColor(0xFFFFFF)
38          }
39        }, item => item)
40      }
41      .width('90%')
42      .scrollBar(BarState.Off)
43    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
44  }
45}
46```
47
48## cl.arkui.2 修复Stack布局问题
49
50修复问题：[Stack](../../../application-dev/reference/arkui-ts/ts-container-stack.md)设置alignContent，在子组件超出父组件的场景中，子组件未按照alignContent布局
51示例：
52```ts
53@Entry
54@Component
55struct StackExample {
56  build() {
57    Stack({alignContent:Alignment.TopEnd}){
58      Text('First child, show in bottom')
59        .width(200).height(200).backgroundColor(0xd2cab3).margin(10)
60    }.width(150).height(150).backgroundColor(Color.Pink).margin(100)
61  }
62}
63```
64修复前：子组件未能按照alignContent:Alignment.TopEnd布局
65![stack](figures/stack_before.jpg)
66
67修复后：子组件可以按照alignContent:Alignment.TopEnd布局
68![stack](figures/stack_after.jpg)
69
70
71**变更影响**
72
731. 如果应用中有子组件大小大于父组件Stack的场景，需要应用进行适配。
742. 应用之前可能采用的规避方案：给子组件设置Offset或者translate
75
76**适配指导**
77
78  去掉之前给子组件设置的Offset或者translate，使用alignContent实际布局方式进行布局。
79
80##  cl.arkui.3 Button组件hover状态效果变更
81
82Button组件的hover状态由100-105%放大效果变更为0-5%不透明度的叠加效果，hover状态切换到press状态的效果变更为5-10%不透明度的叠加效果。
83
84**变更影响**
85
86影响Button的hover状态的视觉效果以及hover状态切换到press状态的视觉效果。