W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
ArkTS卡片開放了使用動畫效果的能力,支持顯式動畫、屬性動畫、組件內轉場能力。需要注意的是,ArkTS卡片使用動畫效果時具有以下限制:
名稱 | 參數說明 | 限制描述 |
---|---|---|
duration | 動畫播放時長 | 限制最長的動效播放時長為1秒,當設置大于1秒的時間時,動效時長仍為1秒。 |
tempo | 動畫播放速度 | 卡片中禁止設置此參數,使用默認值1。 |
delay | 動畫延遲執(zhí)行的時長 | 卡片中禁止設置此參數,使用默認值0。 |
iterations | 動畫播放次數 | 卡片中禁止設置此參數,使用默認值1。 |
以下示例代碼實現了按鈕旋轉的動畫效果:
- @Entry
- @Component
- struct AttrAnimationExample {
- @State rotateAngle: number = 0;
- build() {
- Column() {
- Button('change rotate angle')
- .onClick(() => {
- this.rotateAngle = 90;
- })
- .margin(50)
- .rotate({ angle: this.rotateAngle })
- .animation({
- curve: Curve.EaseOut,
- playMode: PlayMode.AlternateReverse
- })
- }.width('100%').margin({ top: 20 })
- }
- }
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: