Tweened Animation詳解

Tweened Animation 四種類型

  • **Alpha: ** 漸變透明度
  • **Scale: ** 尺寸縮放
  • **Translate: ** 畫面位置移動轉換
  • **Rotate: ** 畫面旋轉

設置動畫的兩種方式

  • XML文件中設置
  • Java代碼中設置

XML中設置動畫


XML中設置動畫的步驟

  1. res文件夾下新建一個名為anim的文件夾:res/anim/anim.xml
  2. 創(chuàng)建動畫xml文件晌端,并加入set標簽诉字,set標簽相當于Java代碼中的AnimationSet
  3. 在set標簽內枯途,加入alpha/scale/rotate/translate等標簽,此處相當于Java代碼中的AlphaAnimation/ScaleAnimation/RotateAnimation和TranslateAnimation尖奔。默認情況下,這些動畫指令都是同時執(zhí)行的。如果想讓其在不同的時間執(zhí)行攻走,可以使用startOffSet屬性谓媒。
    Example:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
          android:interpolator="@[package:]anim/interpolator_resource"
          android:shareInterpolator=["true" | "false"] >
          <alpha
              android:fromAlpha="float"
              android:toAlpha="float" />
          <scale
              android:fromXScale="float"
              android:toXScale="float"
              android:fromYScale="float"
              android:toYScale="float"
              android:pivotX="float"
              android:pivotY="float" />
          <translate
              android:fromXDelta="float"
              android:toXDelta="float"
              android:fromYDelta="float"
              android:toYDelta="float" />
          <rotate
              android:fromDegrees="float"
              android:toDegrees="float"
              android:pivotX="float"
              android:pivotY="float" />
          <set>
              ...
          </set>
</set>
  1. 在Java代碼中使用AnimationUtils中的loadAnimation方法加載該動畫xml文件淆院,并得到一個Animation對象。
  2. 使用控件的startAnimation()方法執(zhí)行這個Animation對象篙耗。
    Example:
//第一個參數(shù)mContext為程序的上下文
 //第二個參數(shù)id為動畫xml文件的引用
Animation mSaveAnimation= AnimationUtils.loadAnimation(mContext,R.anim.anim_save);
mSaveButton.startAnimation(mSaveAnimation);```

###XML通用屬性介紹
- **android:duration** 
*int*. 動畫持續(xù)的時間迫筑,默認為300ms。
- **android:startOffset**
動畫延遲執(zhí)行的時間
- **android:repeatCount**
動畫重復的次數(shù)宗弯,默認0:沒有重復脯燃;1:重復1次;-1:無限重復蒙保。
- **android:repeatMode**
當repeatMode大于0時才有效果辕棚。
*reverse*:動畫反向執(zhí)行
*restart*:動畫重復執(zhí)行
- **android:fillAfter**
如果fillAfter設置為true,則動畫執(zhí)行結束后,控件停留在動畫結束的狀態(tài)
- **android:fillBefore**
如果fillBefore設置為true逝嚎,則動畫執(zhí)行結束后扁瓢,控件回到動畫開始的狀態(tài) 
- android:interpolator
設置動畫的改變速度:

android:interpolator="@android:anim/accelerate_interpolator"http://加速
android:interpolator="@android:anim/decelerate_interpolator"http://減速
android:interpolator="@android:anim/cycle_Interpolator"http://動畫循環(huán)播放特定次數(shù),速率改變沿著正弦曲線
android:interpolator="@android:anim/linear_Interpolator"http://勻速```

  • android:shareInterpolator
    如果為true补君,代表所有的子elements共享同一個interpolator

<alpha> 淡入淡出動畫效果

  • android:fromAlpha
    Float. 動畫開始時的透明度引几,0.0表示全透明,1.1表示不透明挽铁。
  • android:toAlpha
    Float. 動畫結束時的透明度

<scale> 縮放動畫伟桅,以pivotX和pivotY點為中心向內或向外縮放。

  • android:fromXScale
    Float. 動畫開始時X坐標上的伸縮尺寸
  • android:toXScale
    Float. 動畫結束時X坐標上的伸縮尺寸
  • android:fromYScale
    Float. 動畫開始時Y坐標上的伸縮尺寸
  • android:toYScale
    Float. 動畫結束時Y坐標上的伸縮尺寸
  • android:pivotX
    Float. 當X坐標被縮放時叽掘,該坐標點保持不變楣铁。
  • android:pivotY
    Float. 當Y坐標被縮放時,該坐標點保持不變更扁。
    0.0表示收縮到?jīng)]有盖腕,1.0表示正常無伸縮,值小于1.0表示收縮浓镜,值大于1.0表示放大

<translate> 垂直或水平運動

  • **android:fromXDelta **
    Float or percentage. 動畫開始時溃列,X坐標上的位置

  • android:toXDelta
    Float or percentage. 動畫結束時,X坐標上的位置

  • android:fromYDelta
    Float or percentage. 動畫開始時竖哩,Y坐標上的位置

    下一屏-pre.png

  • android:toYDelta
    Float or percentage. 動畫結束時哭廉,Y坐標上的位置

<rotate> 旋轉動畫

  • android:fromDegrees
    Float. 動畫開始的角度
  • android:toDegrees
    Float. 動畫結束的角度
  • android:pivotX
    Float or percentage. 旋轉的X坐標的位置
  • android:pivotY
    Float or percentage. 旋轉的Y坐標的位置

沒有實例,為完結相叁,仍會繼續(xù)更新遵绰,敬請關注,謝謝增淹。
!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末椿访,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子虑润,更是在濱河造成了極大的恐慌成玫,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拳喻,死亡現(xiàn)場離奇詭異哭当,居然都是意外死亡,警方通過查閱死者的電腦和手機冗澈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進店門钦勘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人亚亲,你說我怎么就攤上這事彻采「停” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵肛响,是天一觀的道長岭粤。 經(jīng)常有香客問我,道長特笋,這世上最難降的妖魔是什么剃浇? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮雹有,結果婚禮上偿渡,老公的妹妹穿的比我還像新娘。我一直安慰自己霸奕,他們只是感情好,可當我...
    茶點故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布吉拳。 她就那樣靜靜地躺著质帅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪留攒。 梳的紋絲不亂的頭發(fā)上煤惩,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天,我揣著相機與錄音炼邀,去河邊找鬼魄揉。 笑死,一個胖子當著我的面吹牛拭宁,可吹牛的內容都是我干的洛退。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼杰标,長吁一口氣:“原來是場噩夢啊……” “哼兵怯!你這毒婦竟也來了?” 一聲冷哼從身側響起腔剂,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤媒区,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后掸犬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體袜漩,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年湾碎,在試婚紗的時候發(fā)現(xiàn)自己被綠了宙攻。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡胜茧,死狀恐怖粘优,靈堂內的尸體忽然破棺而出仇味,到底是詐尸還是另有隱情,我是刑警寧澤雹顺,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布丹墨,位于F島的核電站,受9級特大地震影響嬉愧,放射性物質發(fā)生泄漏贩挣。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一没酣、第九天 我趴在偏房一處隱蔽的房頂上張望王财。 院中可真熱鬧,春花似錦裕便、人聲如沸绒净。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽挂疆。三九已至,卻和暖如春下翎,著一層夾襖步出監(jiān)牢的瞬間缤言,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工视事, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留胆萧,地道東北人。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓俐东,卻偏偏與公主長得像跌穗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子犬性,可洞房花燭夜當晚...
    茶點故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內容