欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

【Android 基礎(chǔ)】詳解Animation 動(dòng)畫(huà)介紹和實(shí)現(xiàn)

 更新時(shí)間：2016年12月05日 10:04:56   作者：葉超Luka  
這篇文章主要介紹了【Android 基礎(chǔ)】詳解Animation 動(dòng)畫(huà)介紹和實(shí)現(xiàn) ,對(duì)于想要學(xué)習(xí)android開(kāi)發(fā)的同學(xué)具有一定的參考價(jià)值，有需要的可以了解一下。

在前面 PopupWindow 實(shí)現(xiàn)顯示仿騰訊新聞底部彈出菜單有用到Animation動(dòng)畫(huà)效果來(lái)實(shí)現(xiàn)菜單的顯示和隱藏，本文就來(lái)介紹下吧。

1.Animation 動(dòng)畫(huà)類(lèi)型

Android的animation由四種類(lèi)型組成：

XML中

alph 漸變透明度動(dòng)畫(huà)效果
scale 漸變尺寸伸縮動(dòng)畫(huà)效果
translate 畫(huà)面轉(zhuǎn)換位置移動(dòng)動(dòng)畫(huà)效果
rotate 畫(huà)面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫(huà)效果

JavaCode中

AlphaAnimation 漸變透明度動(dòng)畫(huà)效果
ScaleAnimation 漸變尺寸伸縮動(dòng)畫(huà)效果
TranslateAnimation 畫(huà)面轉(zhuǎn)換位置移動(dòng)動(dòng)畫(huà)效果
RotateAnimation 畫(huà)面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫(huà)效果

2.Android動(dòng)畫(huà)模式

Animation主要有兩種動(dòng)畫(huà)模式：

一種是tweened animation(漸變動(dòng)畫(huà))

XML中 JavaCode
alpha AlphaAnimation
scale ScaleAnimation

一種是frame by frame(畫(huà)面轉(zhuǎn)換動(dòng)畫(huà))

XML中 JavaCode
translate TranslateAnimation
rotate RotateAnimation

3.如何在XML文件中定義動(dòng)畫(huà)

步驟如下：

①新建 Android 項(xiàng)目

②在res目錄中新建anim文件夾

③在anim目錄中新建一個(gè)my_anim.xml(注意文件名小寫(xiě))

④在 my_anim.xml 加入動(dòng)畫(huà)代碼

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
  <alpha />
  <scale />
  <translate />
  <rotate />
</set>

4.Android動(dòng)畫(huà)解析--XML

4.1 alpha 漸變透明度動(dòng)畫(huà)效果

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
  <alpha
    android:duration="1000"
    android:fromAlpha="0.0"
    android:toAlpha="1.0" />
  <!--
   透明度控制動(dòng)畫(huà)效果 alpha
    浮點(diǎn)型值：
      fromAlpha 屬性為動(dòng)畫(huà)起始時(shí)透明度
      toAlpha  屬性為動(dòng)畫(huà)結(jié)束時(shí)透明度
      說(shuō)明: 
        0.0表示完全透明
        1.0表示完全不透明
      以上值取0.0-1.0之間的float數(shù)據(jù)類(lèi)型的數(shù)字
    
    長(zhǎng)整型值：
      duration 屬性為動(dòng)畫(huà)持續(xù)時(shí)間
      說(shuō)明:   
        時(shí)間以毫秒為單位

  -->
</set>

4.2 scale 漸變尺寸伸縮動(dòng)畫(huà)效果

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

  <scale
    android:duration="1000"
    android:fillAfter="false"
    android:fromXScale="0.0"
    android:fromYScale="0.0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="1.4"
    android:toYScale="1.4" />

</set><!--
   尺寸伸縮動(dòng)畫(huà)效果 scale
    屬性：interpolator 指定一個(gè)動(dòng)畫(huà)的插入器
    在我試驗(yàn)過(guò)程中，使用android.res.anim中的資源時(shí)候發(fā)現(xiàn)
    有三種動(dòng)畫(huà)插入器:
      accelerate_decelerate_interpolator 加速-減速 動(dòng)畫(huà)插入器
      accelerate_interpolator    加速-動(dòng)畫(huà)插入器
      decelerate_interpolator    減速- 動(dòng)畫(huà)插入器
    其他的屬于特定的動(dòng)畫(huà)效果
   浮點(diǎn)型值：
     
      fromXScale 屬性為動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的伸縮尺寸  
      toXScale  屬性為動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的伸縮尺寸   
    
      fromYScale 屬性為動(dòng)畫(huà)起始時(shí)Y坐標(biāo)上的伸縮尺寸  
      toYScale  屬性為動(dòng)畫(huà)結(jié)束時(shí)Y坐標(biāo)上的伸縮尺寸  
    
      說(shuō)明:
         以上四種屬性值  
  
          0.0表示收縮到?jīng)]有 
          1.0表示正常無(wú)伸縮   
          值小于1.0表示收縮 
          值大于1.0表示放大
    
      pivotX   屬性為動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置
      pivotY   屬性為動(dòng)畫(huà)相對(duì)于物件的Y坐標(biāo)的開(kāi)始位置
    
      說(shuō)明:
          以上兩個(gè)屬性值 從0%-100%中取值
          50%為物件的X或Y方向坐標(biāo)上的中點(diǎn)位置
    
    長(zhǎng)整型值：
      duration 屬性為動(dòng)畫(huà)持續(xù)時(shí)間
      說(shuō)明:  時(shí)間以毫秒為單位

    布爾型值:
      fillAfter 屬性 當(dāng)設(shè)置為true ，該動(dòng)畫(huà)轉(zhuǎn)化在動(dòng)畫(huà)結(jié)束后被應(yīng)用

-->

4.3 translate 畫(huà)面轉(zhuǎn)換位置移動(dòng)動(dòng)畫(huà)效果

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

  <translate
    android:duration="2000"
    android:fromXDelta="30"
    android:fromYDelta="30"
    android:toXDelta="-80"
    android:toYDelta="300" />
  <!--
   translate 位置轉(zhuǎn)移動(dòng)畫(huà)效果
    整型值:
      fromXDelta 屬性為動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的位置  
      toXDelta  屬性為動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的位置
      fromYDelta 屬性為動(dòng)畫(huà)起始時(shí) Y坐標(biāo)上的位置
      toYDelta  屬性為動(dòng)畫(huà)結(jié)束時(shí) Y坐標(biāo)上的位置
      注意:
           沒(méi)有指定fromXType toXType fromYType toYType 時(shí)候，
           默認(rèn)是以自己為相對(duì)參照物       
    長(zhǎng)整型值：
      duration 屬性為動(dòng)畫(huà)持續(xù)時(shí)間
      說(shuō)明:  時(shí)間以毫秒為單位


  -->

</set>

4.4 rotate 畫(huà)面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫(huà)效果

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

  <rotate
    android:duration="3000"
    android:fromDegrees="0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="+350" />
  <!--
   rotate 旋轉(zhuǎn)動(dòng)畫(huà)效果
    屬性：interpolator 指定一個(gè)動(dòng)畫(huà)的插入器
       在我試驗(yàn)過(guò)程中，使用android.res.anim中的資源時(shí)候發(fā)現(xiàn)
       有三種動(dòng)畫(huà)插入器:
        accelerate_decelerate_interpolator  加速-減速 動(dòng)畫(huà)插入器
        accelerate_interpolator        加速-動(dòng)畫(huà)插入器
        decelerate_interpolator        減速- 動(dòng)畫(huà)插入器
       其他的屬于特定的動(dòng)畫(huà)效果
              
    浮點(diǎn)數(shù)型值:
      fromDegrees 屬性為動(dòng)畫(huà)起始時(shí)物件的角度  
      toDegrees  屬性為動(dòng)畫(huà)結(jié)束時(shí)物件旋轉(zhuǎn)的角度 可以大于360度 

    
      說(shuō)明:
           當(dāng)角度為負(fù)數(shù)——表示逆時(shí)針旋轉(zhuǎn)
           當(dāng)角度為正數(shù)——表示順時(shí)針旋轉(zhuǎn)       
           (負(fù)數(shù)from——to正數(shù):順時(shí)針旋轉(zhuǎn))  
           (負(fù)數(shù)from——to負(fù)數(shù):逆時(shí)針旋轉(zhuǎn)) 
           (正數(shù)from——to正數(shù):順時(shí)針旋轉(zhuǎn)) 
           (正數(shù)from——to負(fù)數(shù):逆時(shí)針旋轉(zhuǎn))   

      pivotX   屬性為動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置
      pivotY   屬性為動(dòng)畫(huà)相對(duì)于物件的Y坐標(biāo)的開(kāi)始位置
        
      說(shuō)明:    以上兩個(gè)屬性值 從0%-100%中取值
             50%為物件的X或Y方向坐標(biāo)上的中點(diǎn)位置

    長(zhǎng)整型值：
      duration 屬性為動(dòng)畫(huà)持續(xù)時(shí)間
      說(shuō)明:    時(shí)間以毫秒為單位

  -->

</set>

5.如何使用XML中的動(dòng)畫(huà)效果

public static Animation loadAnimation (Context context, int id)

//第一個(gè)參數(shù)Context為程序的上下文  
//第二個(gè)參數(shù)id為動(dòng)畫(huà)XML文件的引用
//例子：
myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_anim);
//使用AnimationUtils類(lèi)的靜態(tài)方法loadAnimation()來(lái)加載XML中的動(dòng)畫(huà)XML文件

6.如何使用XML中的動(dòng)畫(huà)效果

//在代碼中定義 動(dòng)畫(huà)實(shí)例對(duì)象
private Animation myAnimation_Alpha;
private Animation myAnimation_Scale;
private Animation myAnimation_Translate;
private Animation myAnimation_Rotate;
  
//根據(jù)各自的構(gòu)造方法來(lái)初始化一個(gè)實(shí)例對(duì)象
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
       Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);

myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
        Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

7.Android動(dòng)畫(huà)解析--JavaCode

7.1 AlphaAnimation

①　AlphaAnimation類(lèi)對(duì)象定義

private AlphaAnimation myAnimation_Alpha

②　AlphaAnimation類(lèi)對(duì)象構(gòu)造

//第一個(gè)參數(shù)fromAlpha為 動(dòng)畫(huà)開(kāi)始時(shí)候透明度
//第二個(gè)參數(shù)toAlpha為 動(dòng)畫(huà)結(jié)束時(shí)候透明度
AlphaAnimation(float fromAlpha, float toAlpha) 
//說(shuō)明:0.0表示完全透明,1.0表示完全不透明
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

③　設(shè)置動(dòng)畫(huà)持續(xù)時(shí)間

//設(shè)置時(shí)間持續(xù)時(shí)間為 5000毫秒
myAnimation_Alpha.setDuration(5000);

7.2 ScaleAnimation

①　ScaleAnimation類(lèi)對(duì)象定義

private AlphaAnimation myAnimation_Alpha;

②　ScaleAnimation類(lèi)對(duì)象構(gòu)造

ScaleAnimation(float fromX, float toX, float fromY, float toY,
      int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)

//第一個(gè)參數(shù)fromX為動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的伸縮尺寸  
//第二個(gè)參數(shù)toX為動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的伸縮尺寸   
//第三個(gè)參數(shù)fromY為動(dòng)畫(huà)起始時(shí)Y坐標(biāo)上的伸縮尺寸  
//第四個(gè)參數(shù)toY為動(dòng)畫(huà)結(jié)束時(shí)Y坐標(biāo)上的伸縮尺寸 
/*說(shuō)明:
          以上四種屬性值  
          0.0表示收縮到?jīng)]有 
          1.0表示正常無(wú)伸縮   
          值小于1.0表示收縮 
          值大于1.0表示放大
*/
//第五個(gè)參數(shù)pivotXType為動(dòng)畫(huà)在X軸相對(duì)于物件位置類(lèi)型 
//第六個(gè)參數(shù)pivotXValue為動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置
//第七個(gè)參數(shù)pivotXType為動(dòng)畫(huà)在Y軸相對(duì)于物件位置類(lèi)型  
//第八個(gè)參數(shù)pivotYValue為動(dòng)畫(huà)相對(duì)于物件的Y坐標(biāo)的開(kāi)始位置
myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
       Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

③　設(shè)置動(dòng)畫(huà)持續(xù)時(shí)間

//設(shè)置時(shí)間持續(xù)時(shí)間為 700毫秒
myAnimation_Scale.setDuration(700);

7.3 TranslateAnimation

①　TranslateAnimation類(lèi)對(duì)象定義

private AlphaAnimation myAnimation_Alpha;

②　TranslateAnimation類(lèi)對(duì)象構(gòu)造

//第一個(gè)參數(shù)fromXDelta為動(dòng)畫(huà)起始時(shí) X坐標(biāo)上的移動(dòng)位置  
//第二個(gè)參數(shù)toXDelta為動(dòng)畫(huà)結(jié)束時(shí) X坐標(biāo)上的移動(dòng)位置   
//第三個(gè)參數(shù)fromYDelta為動(dòng)畫(huà)起始時(shí)Y坐標(biāo)上的移動(dòng)位置   
//第四個(gè)參數(shù)toYDelta為動(dòng)畫(huà)結(jié)束時(shí)Y坐標(biāo)上的移動(dòng)位置
TranslateAnimation(float fromXDelta, float toXDelta,float fromYDelta, float toYDelta)

③　設(shè)置動(dòng)畫(huà)持續(xù)時(shí)間

//設(shè)置時(shí)間持續(xù)時(shí)間為 2000毫秒
myAnimation_Translate.setDuration(2000);

 7.4 RotateAnimation

①　RotateAnimation類(lèi)對(duì)象定義

private AlphaAnimation myAnimation_Alpha;

②　RotateAnimation類(lèi)對(duì)象構(gòu)造

RotateAnimation(float fromDegrees, float toDegrees,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
      
//第一個(gè)參數(shù)fromDegrees為動(dòng)畫(huà)起始時(shí)的旋轉(zhuǎn)角度  
//第二個(gè)參數(shù)toDegrees為動(dòng)畫(huà)旋轉(zhuǎn)到的角度  
//第三個(gè)參數(shù)pivotXType為動(dòng)畫(huà)在X軸相對(duì)于物件位置類(lèi)型 
//第四個(gè)參數(shù)pivotXValue為動(dòng)畫(huà)相對(duì)于物件的X坐標(biāo)的開(kāi)始位置
//第五個(gè)參數(shù)pivotXType為動(dòng)畫(huà)在Y軸相對(duì)于物件位置類(lèi)型  
//第六個(gè)參數(shù)pivotYValue為動(dòng)畫(huà)相對(duì)于物件的Y坐標(biāo)的開(kāi)始位置
myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

③　RotateAnimation類(lèi)對(duì)象構(gòu)造

//設(shè)置時(shí)間持續(xù)時(shí)間為 3000毫秒
myAnimation_Rotate.setDuration(3000);

8.如何使用Java代碼中的動(dòng)畫(huà)效果

 使用從View父類(lèi)繼承過(guò)來(lái)的方法startAnimation()來(lái)為View或是子類(lèi)View等等添加一個(gè)動(dòng)畫(huà)效果

public void startAnimation (Animation animation)

9.還是來(lái)個(gè)栗子吧

9.1 使用XML文件方式

①效果圖如下：

②在XML文件中定義動(dòng)畫(huà)，前面已提及

③主界面布局，這沒(méi)啥好說(shuō)的，很簡(jiǎn)單 o(∩_∩)o

④主界面邏輯代碼，主要就是這個(gè)了，控制動(dòng)畫(huà)顯示

package com.yanis.base;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageView;

public class AnimationActivity extends Activity implements OnClickListener {
  private ImageView imgPic;
  private Button btnAlpha, btnScale, btnTranslate, btnRotate;
  private Animation myAnimation;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_animation);

    intiView();

    initData();
  }

  /**
   * 初始化組件
   */
  private void intiView() {
    imgPic = (ImageView) findViewById(R.id.imgPic);
    btnAlpha = (Button) findViewById(R.id.btnAlpha);
    btnScale = (Button) findViewById(R.id.btnScale);
    btnTranslate = (Button) findViewById(R.id.btnTranslate);
    btnRotate = (Button) findViewById(R.id.btnRotate);
  }

  /**
   * 初始化數(shù)據(jù)
   */
  private void initData() {
    btnAlpha.setOnClickListener(this);
    btnScale.setOnClickListener(this);
    btnTranslate.setOnClickListener(this);
    btnRotate.setOnClickListener(this);
  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
    case R.id.btnAlpha:
      /**
       * 使用XML中的動(dòng)畫(huà)效果 第一個(gè)參數(shù)Context為程序的上下文 第二個(gè)參數(shù)id為動(dòng)畫(huà)XML文件的引用
       */
      myAnimation = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
      imgPic.startAnimation(myAnimation);
      break;

    case R.id.btnScale:
      myAnimation = AnimationUtils.loadAnimation(this, R.anim.scale_anim);
      imgPic.startAnimation(myAnimation);
      break;

    case R.id.btnTranslate:
      myAnimation = AnimationUtils.loadAnimation(this,
          R.anim.translate_anim);
      imgPic.startAnimation(myAnimation);
      break;

    case R.id.btnRotate:
      myAnimation = AnimationUtils
          .loadAnimation(this, R.anim.rotate_anim);
      imgPic.startAnimation(myAnimation);
      break;

    }
  }
}

 10. 用Animation-list實(shí)現(xiàn)逐幀動(dòng)畫(huà)

栗子效果圖如下：

步驟如下：

①在res/drawable目錄添加圖片素材

②在drawable文件夾中添加動(dòng)畫(huà)Animation-list幀布局文件

<?xml version="1.0" encoding="utf-8"?>
<!--
  根標(biāo)簽為animation-list，其中oneshot代表著是否只展示一遍，設(shè)置為false會(huì)不停的循環(huán)播放動(dòng)畫(huà) 
  根標(biāo)簽下，通過(guò)item標(biāo)簽對(duì)動(dòng)畫(huà)中的每一個(gè)圖片進(jìn)行聲明 
  android:duration 表示展示所用的該圖片的時(shí)間長(zhǎng)度 

-->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="false" >
  <item
    android:drawable="@drawable/cmmusic_progress_1"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_2"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_3"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_4"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_5"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_6"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_7"
    android:duration="150">
  </item>
  <item
    android:drawable="@drawable/cmmusic_progress_8"
    android:duration="150">
  </item>
</animation-list>

③主界面頁(yè)面布局設(shè)置，太簡(jiǎn)單，不贅述了

④主界面代碼如下：

package com.yanis.base;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class AnimationActivity extends Activity implements OnClickListener {
  private ImageView imgPic;
  private Button btnStart, btnStop;
  private AnimationDrawable animationDrawable;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_animation);

    intiView();

    initData();
  }

  /**
   * 初始化組件
   */
  private void intiView() {
    imgPic = (ImageView) findViewById(R.id.imgPic);
    btnStart = (Button) findViewById(R.id.btnStart);
    btnStop = (Button) findViewById(R.id.btnStop);
  }

  /**
   * 初始化數(shù)據(jù)
   */
  private void initData() {
    btnStart.setOnClickListener(this);
    btnStop.setOnClickListener(this);
    //Sets a drawable as the content of this ImageView.
    imgPic.setImageResource(R.drawable.loading_anim);
    //給動(dòng)畫(huà)資源賦值
    animationDrawable = (AnimationDrawable) imgPic.getDrawable();
  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
    case R.id.btnStart:
      animationDrawable.start();//開(kāi)始
      break;

    case R.id.btnStop: 
       animationDrawable.stop(); //停止
      break;

    }
  }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論