Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
d3111bc8
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
d3111bc8
编写于
2月 23, 2022
作者:
O
openharmony_ci
提交者:
Gitee
2月 23, 2022
浏览文件
操作
浏览文件
下载
差异文件
!1348 swiper新增动画曲线属性文档
Merge pull request !1348 from Yao.inhome/fangtianguo_swiper_animation_0125
上级
eabbec23
a775b792
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
6 addition
and
4 deletion
+6
-4
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
...application-dev/reference/arkui-ts/ts-container-swiper.md
+6
-4
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
浏览文件 @
d3111bc8
...
...
@@ -39,8 +39,9 @@ Swiper(value:{controller?: SwiperController})
| duration | number | 400 | 子组件切换的动画时长,单位为毫秒。 |
| vertical | boolean | false | 是否为纵向滑动。 |
| itemSpace | Length | 0 | 设置子组件与子组件之间间隙。 |
| $cachedCount^{8+}$ | number | 1 | 设置预加载子组件个数。 |
| $disableSwipe^{8+}$ | boolean | false | 禁用组件滑动切换功能。 |
| cachedCount
<sup>
8+
</sup>
| number | 1 | 设置预加载子组件个数。 |
| disableSwipe
<sup>
8+
</sup>
| boolean | false | 禁用组件滑动切换功能。 |
| curve
<sup>
8+
</sup>
|
[
Curve
](
ts-animatorproperty.md#Curve枚举说明
)
\|
Curves | Curve.Ease | 设置Swiper的动画曲线,默认为淡入淡出曲线,常用曲线参考
[
Curve枚举说明
](
ts-animatorproperty.md#Curve枚举说明
)
,也可以通过插值计算模块提供的接口创建自定义的Curves(
[
插值曲线对象
](
ts-interpolation-calculation.md
)
)。 |
### SwiperController
...
...
@@ -49,8 +50,8 @@ Swiper容器组件的控制器,可以将此对象绑定至Swiper组件,然
| 接口名称 | 功能描述 |
| -------- | -------- |
| showNext():void
;
| 翻至下一页。 |
| showPrevious():void
;
| 翻至上一页。 |
| showNext():void | 翻至下一页。 |
| showPrevious():void | 翻至上一页。 |
## 事件
...
...
@@ -117,6 +118,7 @@ struct SwiperExample {
.duration(1000)
.vertical(false) // 默认横向切换
.itemSpace(0)
.curve(Curve.Linear) // 动画曲线
.onChange((index: number) => {
console.info(index.toString())
})
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录