當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

Android动画效果translate、scale、alpha、rotate详解

發布時間：2023/11/27 生活经验 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 Android动画效果translate、scale、alpha、rotate详解小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

動畫類型

Android的animation由四種類型組成

XML中

alpha	漸變透明度動畫效果
scale	漸變尺寸伸縮動畫效果
translate	畫面轉換位置移動動畫效果
rotate	畫面轉移旋轉動畫效果

JavaCode中

AlphaAnimation	漸變透明度動畫效果
ScaleAnimation	漸變尺寸伸縮動畫效果
TranslateAnimation	畫面轉換位置移動動畫效果
RotateAnimation	畫面轉移旋轉動畫效果

Android動畫模式

Animation主要有兩種動畫模式：

一種是tweened animation(漸變動畫)

XML中	JavaCode
alpha	AlphaAnimation
scale	ScaleAnimation

一種是frame by frame(畫面轉換動畫)

XML中	JavaCode
translate	TranslateAnimation
rotate	RotateAnimation

Android動畫解析

alpha xml 淡出效果

[cpp]?view plain?copy

<?xml?version="1.0"?encoding="utf-8"?>???
<set?xmlns:android="http://schemas.android.com/apk/res/android">???
<alpha???
????android:fromAlpha="1.0"????
????android:toAlpha="0.0"????
????android:duration="500"??/>???
</set>???
<!--????
????fromAlpha:開始時透明度???
????toAlpha：?結束時透明度???
????duration：動畫持續時間?-->??

alpha xml 淡入效果

[cpp]?view plain?copy

<?xml?version="1.0"?encoding="utf-8"?>???
<set?xmlns:android="http://schemas.android.com/apk/res/android">???
<alpha???
????android:fromAlpha="0.0"????
????android:toAlpha="1.0"????
????android:duration="500"??/>???
</set>???
<!--????
????fromAlpha:開始時透明度???
????toAlpha：?結束時透明度???
????duration：動畫持續時間?-->??

rotate.xml 旋轉效果：?

[html]?view plain?copy

<?xml?version="1.0"?encoding="utf-8"?>???
<set?xmlns:android="http://schemas.android.com/apk/res/android">??
<rotate????????????????????????????????????????
????android:interpolator="@android:anim/accelerate_decelerate_interpolator"???
????android:fromDegrees="300"???
????android:toDegrees="-360"???
????android:pivotX="10%"???
????android:pivotY="100%"???
????android:duration="10000"?/>???
</set>???
<!--????
??fromDegrees???動畫開始時的角度???
??toDegrees?????動畫結束時物件的旋轉角度,正代表順時針?????
??pivotX????屬性為動畫相對于物件的X坐標的開始位置??
??pivotY????屬性為動畫相對于物件的Y坐標的開始位置????-->???

scale.xml 縮放效果：?

[cpp]?view plain?copy

<?xml?version="1.0"?encoding="utf-8"?>???
<set?xmlns:android="http://schemas.android.com/apk/res/android">???
<scale?????
????android:interpolator=?"@android:anim/decelerate_interpolator"?????????
????android:fromXScale="0.0"?????
????android:toXScale="1.5"?????
????android:fromYScale="0.0"?????
????android:toYScale="1.5"?????
????android:pivotX="50%"?????
????android:pivotY="50%"?????
????android:startOffset="0"?????
????android:duration="10000"????
????android:repeatCount="1"?????
????android:repeatMode="reverse"??/>???
</set>???
??
<!--????
fromXDelta,fromYDelta???????起始時X，Y座標,屏幕右下角的座標是X:320,Y:480???
toXDelta，?toYDelta??????動畫結束時X,Y的座標?-->?<!--????
interpolator????????????????????指定動畫插入器??
常見的有加速減速插入器?????????accelerate_decelerate_interpolator??
加速插入器???????????????accelerate_interpolator，??
減速插入器???????????????decelerate_interpolator。???
fromXScale,fromYScale，?????????動畫開始前X,Y的縮放，0.0為不顯示，??1.0為正常大小??
toXScale，toYScale，??????????動畫最終縮放的倍數，?1.0為正常大小，大于1.0放大??
pivotX，??pivotY?????????動畫起始位置，相對于屏幕的百分比,兩個都為50%表示動畫從屏幕中間開始???
startOffset，????????????????動畫多次執行的間隔時間，如果只執行一次，執行前會暫停這段時間，??
????????????????????單位毫秒?duration，一次動畫效果消耗的時間，單位毫秒，??
????????????????????值越小動畫速度越快?repeatCount，動畫重復的計數，動畫將會執行該值+1次???
????????????????????repeatMode，動畫重復的模式，reverse為反向，當第偶次執行時，動畫方向會相反。??
????????????????????restart為重新執行，方向不變?-->??

translate.xml 移動效果：?

[html]?view plain?copy

1. <?xml?version="1.0"?encoding="utf-8"?>???
2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
3. <translate???
4. ????android:fromXDelta="320"???
5. ????android:toXDelta="0"???
6. ????android:fromYDelta="480"???
7. ????android:toYDelta="0"???
8. ????android:duration="10000"?/>???
9. </set>???
10. ???

轉載于:https://www.cnblogs.com/AceIsSunshineRain/p/5188946.html

總結

以上是生活随笔為你收集整理的Android动画效果translate、scale、alpha、rotate详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：影视作品里团级指挥部里面都有哪些人。
下一篇： ThinkPHP项目笔记之登录，注册，安