diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md index 90a3114eb96433f17a70daafa229b06ee5e16e1d..bd266882c4be2c2be4425cc1f22ec2a23d5a2469 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-grid.md @@ -63,6 +63,7 @@ Grid(scroller?: Scroller) | edgeEffect10+ | [EdgeEffect](ts-appendix-enums.md#edgeeffect) | 设置组件的滑动效果，支持弹簧效果和阴影效果。
默认值：EdgeEffect.None
| | enableScrollInteraction10+ | boolean | 设置是否支持滚动手势，当设置为false时，无法通过手指或者鼠标滚动，但不影响控制器的滚动接口。
默认值：true | | nestedScroll10+ | [NestedScrollOptions](ts-container-scroll.md#nestedscrolloptions10对象说明) | 嵌套滚动选项。设置向前向后两个方向上的嵌套滚动模式，实现与父组件的滚动联动。 | +| friction10+ | number \| [Resource](ts-types.md#resource) | 设置摩擦系数，手动划动滚动区域时生效，只对惯性滚动过程有影响，对惯性滚动过程中的链式效果有间接影响。
默认值：非可穿戴设备为0.6，可穿戴设备为0.9
**说明：**
设置为小于等于0的值时，按默认值处理 | Grid组件根据rowsTemplate、columnsTemplate属性的设置情况，可分为以下三种布局模式： @@ -186,6 +187,7 @@ struct GridExample { .columnsTemplate('1fr 1fr 1fr 1fr 1fr') .columnsGap(10) .rowsGap(10) + .friction(0.6) .edgeEffect(EdgeEffect.Spring) .scrollBar(BarState.On) .onScrollIndex((first: number) => { diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md index 53eb14cc12ee414e3ee96525fa34627199d6ad4e..778e672edb9f31cebb7964c456c5de9f6554b15c 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md @@ -66,6 +66,7 @@ List(value?:{space?: number | string, initialIndex?: number, scroller? | scrollSnapAlign10+ | [ScrollSnapAlign](#scrollsnapalign10枚举说明) | 设置列表项滚动结束对齐效果。
默认值：ScrollSnapAlign.NONE
**说明：**
只支持ListItem等高情况下，设置列表项滚动结束对齐效果。 | | enableScrollInteraction10+ | boolean | 设置是否支持滚动手势，当设置为false时，无法通过手指或者鼠标滚动，但不影响控制器的滚动接口。
默认值：true | | nestedScroll10+ | [NestedScrollOptions](ts-container-scroll.md#nestedscrolloptions10对象说明) | 嵌套滚动选项。设置向前向后两个方向上的嵌套滚动模式，实现与父组件的滚动联动。 | +| friction10+ | number \| [Resource](ts-types.md#resource) | 设置摩擦系数，手动划动滚动区域时生效，只对惯性滚动过程有影响，对惯性滚动过程中的链式效果有间接影响。
默认值：非可穿戴设备为0.6，可穿戴设备为0.9
**说明：**
设置为小于等于0的值时，按默认值处理 | ## ListItemAlign9+枚举说明 @@ -213,6 +214,7 @@ struct ListExample { } .listDirection(Axis.Vertical) // 排列方向 .scrollBar(BarState.Off) + .friction(0.6) .divider({ strokeWidth: 2, color: 0xFFFFFF, startMargin: 20, endMargin: 20 }) // 每行之间的分界线 .edgeEffect(EdgeEffect.Spring) // 边缘效果设置为Spring .onScrollIndex((firstIndex: number, lastIndex: number, centerIndex: number) => { @@ -264,6 +266,7 @@ struct ListLanesExample { } .height(300) .width("90%") + .friction(0.6) .border({ width: 3, color: Color.Red }) .lanes({ minLength: 40, maxLength: 40 }) .alignListItem(this.alignListItem) @@ -327,6 +330,7 @@ struct ListExample{ }, item => item) }.width('90%') .scrollBar(BarState.Off) + .friction(0.6) }.width('100%') Button('edit list') diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md index 4f2d226bd2eb4f40495884a156a05cc76ab8bcc3..b65a4560dd843cbcb663a3c555a1822c40ff90e5 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md @@ -37,6 +37,7 @@ Scroll(scroller?: Scroller) | edgeEffect | [EdgeEffect](ts-appendix-enums.md#edgeeffect) | 设置滑动效果，目前支持的滑动效果参见EdgeEffect的枚举说明。
默认值：EdgeEffect.None | | enableScrollInteraction10+ | boolean | 设置是否支持滚动手势，当设置为false时，无法通过手指或者鼠标滚动，但不影响控制器的滚动接口。
默认值：true | | nestedScroll10+ | [NestedScrollOptions](#nestedscrolloptions10对象说明) | 嵌套滚动选项。设置向前向后两个方向上的嵌套滚动模式，实现与父组件的滚动联动。 | +| friction10+ | number \| [Resource](ts-types.md#resource) | 设置摩擦系数，手动划动滚动区域时生效，只对惯性滚动过程有影响，对惯性滚动过程中的链式效果有间接影响。
默认值：非可穿戴设备为0.6，可穿戴设备为0.9
**说明：**
设置为小于等于0的值时，按默认值处理 | ## ScrollDirection枚举说明 | 名称 | 描述 | @@ -243,6 +244,7 @@ struct ScrollExample { .scrollBar(BarState.On) // 滚动条常驻显示 .scrollBarColor(Color.Gray) // 滚动条颜色 .scrollBarWidth(10) // 滚动条宽度 + .friction(0.6) .edgeEffect(EdgeEffect.None) .onScroll((xOffset: number, yOffset: number) => { console.info(xOffset + ' ' + yOffset) @@ -325,6 +327,7 @@ struct NestedScroll { .width("100%") .height("50%") .edgeEffect(EdgeEffect.None) + .friction(0.6) .onReachStart(() => { this.listPosition = 0 }) @@ -399,6 +402,7 @@ struct StickyNestedScroll { }.width("100%") } .edgeEffect(EdgeEffect.Spring) + .friction(0.6) .backgroundColor('#DCDCDC') .scrollBar(BarState.Off) .width('100%') diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md index 3d120f718989eca09e3e8c1cfff4371628fc5e69..1f99900a2928466e5fd3061f5ea7582191f49f72 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-waterflow.md @@ -46,6 +46,7 @@ WaterFlow(options?: {footer?: CustomBuilder, scroller?: Scroller}) | layoutDirection | [FlexDirection](ts-appendix-enums.md#flexdirection) |设置布局的主轴方向。
默认值：FlexDirection.Column| | enableScrollInteraction10+ | boolean | 设置是否支持滚动手势，当设置为false时，无法通过手指或者鼠标滚动，但不影响控制器的滚动接口。
默认值：true | | nestedScroll10+ | [NestedScrollOptions](ts-container-scroll.md#nestedscrolloptions10对象说明) | 嵌套滚动选项。设置向前向后两个方向上的嵌套滚动模式，实现与父组件的滚动联动。 | +| friction10+ | number \| [Resource](ts-types.md#resource) | 设置摩擦系数，手动划动滚动区域时生效，只对惯性滚动过程有影响，对惯性滚动过程中的链式效果有间接影响。
默认值：非可穿戴设备为0.6，可穿戴设备为0.9
**说明：**
设置为小于等于0的值时，按默认值处理 | layoutDirection优先级高于rowsTemplate和columnsTemplate。根据layoutDirection设置情况，分为以下三种设置模式: @@ -278,6 +279,7 @@ struct WaterflowDemo { minHeight: 0, maxHeight: '100%' }) + .friction(0.6) .columnsGap(10) .rowsGap(5) .onReachStart(() => {