怎么在Android應(yīng)用中實(shí)現(xiàn)一個動畫效果

本篇文章給大家分享的是有關(guān)怎么在Android應(yīng)用中實(shí)現(xiàn)一個動畫效果,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

創(chuàng)新互聯(lián)的客戶來自各行各業(yè),為了共同目標(biāo),我們在工作上密切配合,從創(chuàng)業(yè)型小企業(yè)到企事業(yè)單位,感謝他們對我們的要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括成都做網(wǎng)站、網(wǎng)站設(shè)計、電商網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)。

Android 三種動畫詳解

幀動畫

一張張圖片不斷的切換,形成動畫效果

在drawable目錄下定義xml文件,子節(jié)點(diǎn)為animation-list,在這里定義要顯示的圖片和每張圖片的顯示時長

<animation-list 
xmlns:android="http://schemas.android.com/apk/res/android" 
   android:oneshot="false">
      <item android:drawable="@drawable/g1" 
         android:duration="200" />
      <item android:drawable="@drawable/g2" 
         android:duration="200" />
      <item android:drawable="@drawable/g3" 、
         android:duration="200" />
    </animation-list>

在屏幕上播放幀動畫

ImageView iv = (ImageView) findViewById(R.id.iv);
    //把動畫文件設(shè)置為imageView的背景
    iv.setBackgroundResource(R.drawable.animations);
    AnimationDrawable ad = (AnimationDrawable)
    iv.getBackground();
    //播放動畫    
    ad.start();

補(bǔ)間動畫

  • 原形態(tài)變成新形態(tài)時為了過渡變形過程,生成的動畫就叫補(bǔ)間動畫,補(bǔ)間動畫,只是一個動畫效果,組件其實(shí)還在原來的位置上,xy沒有改變
  • 位移、旋轉(zhuǎn)、縮放、透明

位移:

  • 參數(shù)10指的是X的起點(diǎn)坐標(biāo),但不是指屏幕x坐標(biāo)為10的位置,而是imageview的 真實(shí)X + 10
  • 參數(shù)150指的是X的終點(diǎn)坐標(biāo),它的值是imageview的 真實(shí)X + 150
     
//創(chuàng)建為位移動畫對象,設(shè)置動畫的初始位置和結(jié)束位置
TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
  • x坐標(biāo)的起點(diǎn)位置,如果相對于自己,傳0.5f,那么起點(diǎn)坐標(biāo)就是 真實(shí)X + 0.5 * iv寬度
  • x坐標(biāo)的終點(diǎn)位置,如果傳入2,那么終點(diǎn)坐標(biāo)就是 真實(shí)X + 2 * iv的寬度
  • y坐標(biāo)的起點(diǎn)位置,如果傳入0.5f,那么起點(diǎn)坐標(biāo)就是 真實(shí)Y + 0.5 * iv高度
  • y坐標(biāo)的終點(diǎn)位置,如果傳入2,那么終點(diǎn)坐標(biāo)就是 真實(shí)Y + 2 * iv高度
 TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);

動畫播放相關(guān)的設(shè)置

    //設(shè)置動畫持續(xù)時間
    ta.setDuration(2000);
    //動畫重復(fù)播放的次數(shù)
    ta.setRepeatCount(1);
    //動畫重復(fù)播放的模式
    ta.setRepeatMode(Animation.REVERSE);
    //動畫播放完畢后,組件停留在動畫結(jié)束的位置上
    ta.setFillAfter(true);
    //播放動畫
    iv.startAnimation(ta);

縮放:

  • 參數(shù)0.1f表示動畫的起始寬度是真實(shí)寬度的0.1倍
  • 參數(shù)4表示動畫的結(jié)束寬度是真實(shí)寬度的4倍
  • 縮放的中心點(diǎn)在iv左上角
     
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
  • 參數(shù)0.1f和4意義與上面相同
  • 改變縮放的中心點(diǎn):傳入的兩個0.5f,類型都是相對于自己,這兩個參數(shù)改變了縮放的中心點(diǎn)
  • 中心點(diǎn)x坐標(biāo) = 真實(shí)X + 0.5 * iv寬度
  • 中心點(diǎn)Y坐標(biāo) = 真實(shí)Y + 0.5 * iv高度
     
ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

透明:

0為完全透明,1為完全不透明

  AlphaAnimation aa = new AlphaAnimation(0, 0.5f);

旋轉(zhuǎn):

  • 20表示動畫開始時的iv的角度
  • 360表示動畫結(jié)束時iv的角度
  • 默認(rèn)旋轉(zhuǎn)的圓心在iv左上角
     
RotateAnimation ra = new RotateAnimation(20, 360);
  1. 20,360的意義和上面一樣
  2. 指定圓心坐標(biāo),相對于自己,值傳入0.5,那么圓心的x坐標(biāo):真實(shí)X + iv寬度 * 0.5
  3. 圓心的Y坐標(biāo):真實(shí)Y + iv高度 * 0.5
     
RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

所有動畫一起飛

 //創(chuàng)建動畫集合
    AnimationSet set = new AnimationSet(false);
    //往集合中添加動畫
    set.addAnimation(aa);
    set.addAnimation(sa);
    set.addAnimation(ra);
    iv.startAnimation(set);

屬性動畫

位移:

  1. 第一個參數(shù)target指定要顯示動畫的組件
  2. 第二個參數(shù)propertyName指定要改變組件的哪個屬性
  3. 第三個參數(shù)values是可變參數(shù),就是賦予屬性的新的值
  4. 傳入0,代表x起始坐標(biāo):當(dāng)前x + 0
  5. 傳入100,代表x終點(diǎn)坐標(biāo):當(dāng)前x + 100
//具有g(shù)et、set方法的成員變量就稱為屬性
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

縮放:

  • 第三個參數(shù)指定縮放的比例
  • 0.1是從原本高度的十分之一開始
  • 2是到原本高度的2倍結(jié)束
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);

透明:

透明度,0是完全透明,1是完全不透明

ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);

旋轉(zhuǎn)

  1. rotation指定是順時針旋轉(zhuǎn)
  2. 20是起始角度
  3. 270是結(jié)束角度
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);
  1. 屬性指定為rotationX是豎直翻轉(zhuǎn)
  2. 屬性指定為rotationY是水平翻轉(zhuǎn)
ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);

可變參數(shù)

第三個參數(shù)可變參數(shù)可以傳入多個參數(shù),可以實(shí)現(xiàn)往回位移(旋轉(zhuǎn)、縮放、透明)

ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;

所有動畫一起飛       

     //創(chuàng)建動畫師集合
    AnimatorSet set = new AnimatorSet();
    //設(shè)置要播放動畫的組件
    set.setTarget(bt);
    //所有動畫有先后順序的播放
    //set.playSequentially(oa, oa2, oa3, oa4);
    //所有動畫一起播放
    set.playTogether(oa, oa2, oa3, oa4);
    set.start();

以上就是怎么在Android應(yīng)用中實(shí)現(xiàn)一個動畫效果,小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱:怎么在Android應(yīng)用中實(shí)現(xiàn)一個動畫效果
URL標(biāo)題:http://bm7419.com/article10/ipohgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站網(wǎng)站內(nèi)鏈、定制網(wǎng)站、定制開發(fā)、網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站