版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
显示动画显示动画概述提供全局animateTo显式动画接口来指定由于闭包代码导致的状态变化插入过渡动效。接口描述：animateTo(value:AnimateParam,event:()=>void):void显示动画的参数参数说明：参数名参数类型必填参数描述valueAnimateParam是设置动画效果相关参数。event()=>void是指定显示动效的闭包函数，在闭包函数中导致的状态变化系统会自动插入过渡动画。显示动画的参数AnimateParam对象说明：名称类型描述durationnumber动画持续时间，单位为毫秒。默认值：1000temponumber动画的播放速度，值越大动画播放越快，值越小播放越慢，为0时无动画效果。默认值：1.0curveCurve动画曲线。默认值：Curve.Lineardelaynumber单位为ms(毫秒)，默认不延时播放。默认值：0iterationsnumber默认播放一次，设置为-1时表示无限次播放。默认值：1playModePlayMode设置动画播放模式，默认播放完成后重头开始播放。默认值：PlayMode.NormalonFinish()=>void动效播放完成回调。显示动画使用示例1-改变宽高
@State
widthSize:
number
=
250
@State
heightSize:
number
=
100
private
flag:
boolean
=
true...省略代码Button('change
width
and
height')
.width(this.widthSize).height(this.heightSize).margin(30)
.onClick(()
=>
{
if
(this.flag)
{
animateTo({
duration:
2000,
curve:
Curve.EaseOut,
iterations:
3,
playMode:
PlayMode.Normal,
onFinish:
()
=>
{
console.info('play
end')
}
},
()
=>
{
this.widthSize
=
100
this.heightSize
=
50
})
}
else
{
animateTo({},
()
=>
{
this.widthSize
=
250
this.heightSize
=
100
})
}
this.flag
=
!this.flag
})})显示动画使用示例2-旋转@State
rotateAngle:
number
=
0...省略代码Button('change
rotate
angle')
.margin(50)
.rotate({
x:
0,
y:
0,
z:
1,
angle:
this.rotateAngle
})
.onClick(()
=>
{
animateTo({
duration:
1200,
curve:
Curve.Friction,
delay:
500,
iterations:
-1,
//
设置-1表示动画无限循环
playMode:
PlayMode.AlternateReverse,
onFinish:
()
=>
{
con
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 蚌埠经济技术职业学院《建筑智能化工程造价与施工管理》2023-2024学年第一学期期末试卷
- 2024年网络直播带货合作合同
- 2025版酒类跨境电商购销合同规范3篇
- 2025版住宅小区消防应急响应能力提升服务合同3篇
- 百色学院《临床护理综合实训一》2023-2024学年第一学期期末试卷
- 白城师范学院《世界民族音乐概论》2023-2024学年第一学期期末试卷
- 2024年水电工程设计与施工总承包合同3篇
- 二零二五年个人教育贷款延期还款合同3篇
- 2024年煤炭贸易公司原煤采购风险控制合同3篇
- 2025版水上乐园救生员就业培训与劳动合同3篇
- 城市轨道交通工程质量安全控制要点
- 国开大学2023年01月22588《管理线性规划入门》期末考试参考答案
- 公司廉洁从业反腐倡廉教育培训课件（也适用新员工培训）
- 公务车辆安全检查表
- 《城市轨道交通车辆空调检修》课程标准
- 装饰快速成交销售技巧
- 农田输配电工程施工方案
- 喇荣课诵集(早课部分)
- 高中物理电磁学经典例题
- 《MATLAB-Simulink电力系统建模与仿真》电子课件
- GB/T 28035-2011软件系统验收规范
评论
0/150
提交评论