ViewAnimation和DrawableAnimation

一、Animations介紹
Animations是一個實現android UI界面動畫效果的API，Animations提供了一系列的動畫效果，可以進行旋轉、縮放、淡入淡出等，這些效果可以應用在絕大多數的控件中。

二、Animations分爲兩大類：
1.Tween Animations：該類Animations提供了旋轉、移動、伸展和淡出等效果。Alpha——淡入淡出，Scale——縮放效果，Rotate——旋轉，Translate——移動效果。

2.Frame Animations：這一類Animations可以創建一個Drawable序列，這些Drawable可以按照指定的時間間歇一個一個的顯示。

三、使用Tween Animations的步驟：
1.創建一個AnimationSet對象（Animation子類）；
2.增加需要創建相應的Animation對象；
3.按照項目的需求，爲Animation對象設置相應的數據；
4.將Animatin對象添加到AnimationSet對象當中；
5.使用控件對象開始執行AnimationSet。

Animation的四個子類： AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation

具體實現

佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        
         <Button
            android:id="@+id/rotateButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="旋轉" />

         <Button
            android:id="@+id/scaleButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="縮放" />

         <Button
            android:id="@+id/alphaButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="淡入淡出" />

         <Button
            android:id="@+id/translateButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="移動" />

    </LinearLayout>

     <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

         <ImageView
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:src="@drawable/an" />

    </LinearLayout>

 </LinearLayout>

java代碼

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class Animation1Activity extends Activity {

    private Button rotateButton = null;
    private Button scaleButton = null;
    private Button alphaButton = null;
    private Button translateButton = null;
    private ImageView image = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    
        rotateButton = (Button)findViewById(R.id.rotateButton);
        scaleButton = (Button)findViewById(R.id.scaleButton);
        alphaButton = (Button)findViewById(R.id.alphaButton);
        translateButton = (Button)findViewById(R.id.translateButton);
        image = (ImageView)findViewById(R.id.image);

        rotateButton.setOnClickListener(new RotateButtonListener());
        scaleButton.setOnClickListener(new ScaleButtonListener());
        alphaButton.setOnClickListener(new AlphaButtonListener());
        translateButton.setOnClickListener(new TranslateButtonListener());
    }

    class AlphaButtonListener implements OnClickListener{

       public void onClick(View v) {

           //創建一個AnimationSet對象，參數爲Boolean型，
           //true表示使用Animation的interpolator，false則是使用自己的
           AnimationSet animationSet = new AnimationSet(true);

           //創建一個AlphaAnimation對象，參數從完全的透明度，到完全的不透明
           AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);

           //設置動畫執行的時間
           alphaAnimation.setDuration(500);

           //將alphaAnimation對象添加到AnimationSet當中
           animationSet.addAnimation(alphaAnimation);

           //使用ImageView的startAnimation方法執行動畫
           image.startAnimation(animationSet);
       }
    }

    class RotateButtonListener implementsOnClickListener{

       public void onClick(View v) {

           AnimationSet animationSet = new AnimationSet(true);

           //參數1：從哪個旋轉角度開始
           //參數2：轉到什麼角度
           //後4個參數用於設置圍繞着旋轉的圓的圓心在哪裏
           //參數3：確定x軸座標的類型，有ABSOLUT絕對座標、RELATIVE_TO_SELF相對於自身座標、RELATIVE_TO_PARENT相對於父控件的座標
           //參數4：x軸的值，0.5f表明是以自身這個控件的一半長度爲x軸
           //參數5：確定y軸座標的類型
           //參數6：y軸的值，0.5f表明是以自身這個控件的一半長度爲x軸

           RotateAnimation rotateAnimation = new RotateAnimation(0, 360,
                  Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
           rotateAnimation.setDuration(1000);
           animationSet.addAnimation(rotateAnimation);
           image.startAnimation(animationSet);
       }
    }

    class ScaleButtonListener implementsOnClickListener{

       public void onClick(View v) {

           AnimationSet animationSet = new AnimationSet(true);
           
           //參數1：x軸的初始值
           //參數2：x軸收縮後的值
           //參數3：y軸的初始值
           //參數4：y軸收縮後的值
           //參數5：確定x軸座標的類型
           //參數6：x軸的值，0.5f表明是以自身這個控件的一半長度爲x軸
           //參數7：確定y軸座標的類型
           //參數8：y軸的值，0.5f表明是以自身這個控件的一半長度爲x軸

           ScaleAnimation scaleAnimation = new ScaleAnimation(
                  0, 0.1f,0,0.1f,Animation.RELATIVE_TO_SELF,0.5f, Animation.RELATIVE_TO_SELF,0.5f);
           scaleAnimation.setDuration(1000);
           animationSet.addAnimation(scaleAnimation);
           image.startAnimation(animationSet);
       }
    }

    class TranslateButtonListener implementsOnClickListener{

       public void onClick(View v) {

           AnimationSet animationSet = new AnimationSet(true);

           //參數1～2：x軸的開始位置
           //參數3～4：y軸的開始位置
           //參數5～6：x軸的結束位置
           //參數7～8：x軸的結束位置

           TranslateAnimation translateAnimation = new TranslateAnimation(
                  Animation.RELATIVE_TO_SELF,0f, Animation.RELATIVE_TO_SELF,0.5f,
											Animation.RELATIVE_TO_SELF,0f, Animation.RELATIVE_TO_SELF,0.5f);
           translateAnimation.setDuration(1000);
           animationSet.addAnimation(translateAnimation);
           image.startAnimation(animationSet);
       }
    }
}

Tween Animations的通用方法
　　１、setDuration(long durationMills) 設置動畫持續時間（單位：毫秒）
　　２、setFillAfter(Boolean fillAfter) 如果fillAfter的值爲true,則動畫執行後，控件將停留在執行結束的狀態
　　３、setFillBefore(Boolean fillBefore) 如果fillBefore的值爲true，則動畫執行後，控件將回到動畫執行之前的狀態
　　４、setStartOffSet(long startOffSet) 設置動畫執行之前的等待時間
　　５、setRepeatCount(int repeatCount) 設置動畫重複執行的次數

在代碼中使用Animations可以很方便的調試、運行，但是代碼的可重用性差，重複代碼多。同樣可以在xml文件中配置Animations，這樣做可維護性變高了，只不過不容易進行調試。
一、在xml中使用Animations步驟
1.在res文件夾下建立一個anim文件夾；
2.創建xml文件，並首先加入set標籤，;在該標籤當中加入rotate，alpha，scale或者translate標籤；
3.在代碼當中使用AnimationUtils當中裝載xml文件，並生成Animation對象。
Animation animation = AnimationUtils.loadAnimation(Animation1Activity.this, R.anim.alpha);
// 啓動動畫
image.startAnimation(animation);

二、具體實現
1、 alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <!-- fromAlpha和toAlpha是起始透明度和結束時透明度 -->
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:startOffset="500"
        android:duration="500"/>
</set>

2、 rotate.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    
    <!--
        fromDegrees:開始的角度
        toDegrees：結束的角度，+表示是正的
        pivotX：用於設置旋轉時的x軸座標
        例
           1)當值爲"50"，表示使用絕對位置定位
           2)當值爲"50%"，表示使用相對於控件本身定位
           3)當值爲"50%p"，表示使用相對於控件的父控件定位
        pivotY：用於設置旋轉時的y軸座標
      -->
    <rotate
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="1000"/>
</set>

3、 scale.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    
   <!--
       起始x軸座標
           止x軸座標
           始y軸座標
           止y軸座標
           軸的座標
           軸的座標
     -->
   <scale

       android:fromXScale="1.0"
       android:toXScale="0.0"
       android:fromYScale="1.0"
       android:toYScale="0.0"
       android:pivotX="50%"
       android:pivotY="50%"
       android:duration="1000"/>
</set>

4、 translate.xml

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

    <!--
           始x軸座標
           止x軸座標
           始y軸座標
           止y軸座標
      -->
    <translate
        android:fromXDelta="0%"
        android:toXDelta="100%"
        android:fromYDelta="0%"
        android:toYDelta="100%"
        android:duration="2000"/>
</set

Java文件中調用的方法

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 Animation1Activity extends Activity {

    private Button rotateButton = null;
    private Button scaleButton = null;
    private Button alphaButton = null;
    private Button translateButton = null;
    private ImageView image = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.main);

       rotateButton = (Button) findViewById(R.id.rotateButton);
       scaleButton = (Button) findViewById(R.id.scaleButton);
       alphaButton = (Button) findViewById(R.id.alphaButton);
       translateButton = (Button) findViewById(R.id.translateButton);
       image = (ImageView) findViewById(R.id.image);

       rotateButton.setOnClickListener(new RotateButtonListener());
       scaleButton.setOnClickListener(new ScaleButtonListener());
       alphaButton.setOnClickListener(new AlphaButtonListener());
       translateButton.setOnClickListener(new TranslateButtonListener());
    }
    
    class AlphaButtonListener implements OnClickListener {

       public void onClick(View v) {

           // 使用AnimationUtils裝載動畫配置文件
           Animation animation = AnimationUtils.loadAnimation(Animation1Activity.this, R.anim.alpha);

           // 啓動動畫
           image.startAnimation(animation);
       }
    }

    class RotateButtonListener implements OnClickListener {

       public void onClick(View v) {
           Animation animation = AnimationUtils.loadAnimation( Animation1Activity.this, R.anim.rotate);
           image.startAnimation(animation);
       }
    }

    class ScaleButtonListener implements OnClickListener {

       public void onClick(View v) {
           Animation animation = AnimationUtils.loadAnimation(Animation1Activity.this, R.anim.scale);
           image.startAnimation(animation);
       }
    }

    class TranslateButtonListener implements OnClickListener {

       public void onClick(View v) {

           Animation animation = AnimationUtils.loadAnimation(Animation1Activity.this, R.anim.translate);
           image.startAnimation(animation);
       }
    }
}

AnimationSet的具體使用方法
1.AnimationSet是Animation的子類；
2.一個AnimationSet包含了一系列的Animation；
3.針對AnimationSet設置一些Animation的常見屬性（如startOffset，duration等），可以被包含在AnimationSet當中的Animation集成；

例：一個AnimationSet中有兩個Animation，效果疊加

第一種方法：
doubleani.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:shareInterpolator="true">

    <!-- fromAlpha和toAlpha是起始透明度和結束時透明度 -->
    <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0.0"
        android:startOffset="500"
        android:duration="500"/>

    <translate
        android:fromXDelta="0%"
        android:toXDelta="100%"
        android:fromYDelta="0%"
        android:toYDelta="100%"
        android:duration="2000"/>
</set>

Java中調用方法

class DoubleButtonListener implements OnClickListener {

       public void onClick(View v) {

           // 使用AnimationUtils裝載動畫配置文件
           Animation animation = AnimationUtils.loadAnimation(Animation2Activity.this, R.anim. doubleani);

           // 啓動動畫
           image.startAnimation(animation);
       }
    }

第二種方法：

classDoubleButtonListener implements OnClickListener {

       public void onClick(View v) {

           AnimationSet animationSet = new AnimationSet(true);
           AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);
           RotateAnimation rotateAnimation = new RotateAnimation(0, 360,
                  Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
           rotateAnimation.setDuration(1000);
           animationSet.addAnimation(rotateAnimation);
           animationSet.addAnimation(alphaAnimation);
           image.startAnimation(animationSet);
       }
    }

Interpolator的具體使用方法

Interpolator定義了動畫變化的速率，在Animations框架當中定義了一下幾種Interpolator
AccelerateDecelerateInterpolator：在動畫開始與結束的地方速率改變比較慢，在中間的時候速率快。
AccelerateInterpolator：在動畫開始的地方速率改變比較慢，然後開始加速
CycleInterpolator：動畫循環播放特定的次數，速率改變沿着正弦曲線
DecelerateInterpolator：在動畫開始的地方速率改變比較慢，然後開始減速
LinearInterpolator：動畫以均勻的速率改變

分爲以下幾種情況：
1、在set標籤中
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"/>

2、如果在一個set標籤中包含多個動畫效果，如果想讓這些動畫效果共享一個Interpolator。
android:shareInterpolator="true"

3、如果不想共享一個interpolator，則設置android:shareInterpolator="false"，並且需要在每一個動畫效果處添加interpolator。
<alpha
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:startOffset="500"
android:duration="500"/>

4、如果是在代碼上設置共享一個interpolator，則可以在AnimationSet設置interpolator。
AnimationSet animationSet = newAnimationSet(true);
animationSet.setInterpolator(new AccelerateInterpolator());

5、如果不設置共享一個interpolator則可以在每一個Animation對象上面設置interpolator。
AnimationSet animationSet = newAnimationSet(false);
alphaAnimation.setInterpolator(new AccelerateInterpolator());
rotateAnimation.setInterpolator(new DecelerateInterpolator());

Frame Animations的使用方法
Frame Animations是一幀一幀的格式顯示動畫效果。類似於電影膠片拍攝的手法。

佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    
    <LinearLayout
        android:orientation="horizontal"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content">

       <Button
           android:id="@+id/button"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="運動"/>

    </LinearLayout>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

       <ImageView
           android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"/>

    </LinearLayout>
</LinearLayout>

anim文件，放於drawable目錄

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

    <item android:drawable="@drawable/a_01" android:duration="50"/>
    <item android:drawable="@drawable/a_02" android:duration="50"/>
    <item android:drawable="@drawable/a_03" android:duration="50"/>
    <item android:drawable="@drawable/a_04" android:duration="50"/>
    <item android:drawable="@drawable/a_05" android:duration="50"/>
    <item android:drawable="@drawable/a_06" android:duration="50"/>
</animation-list>

Java文件

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 AnimationsActivity extends Activity {

    private Button button = null;
    private ImageView imageView = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button = (Button)findViewById(R.id.button);
        imageView = (ImageView)findViewById(R.id.image);

        button.setOnClickListener(newButtonListener());
    }

    class ButtonListener implementsOnClickListener{

       public void onClick(View v) {

           imageView.setBackgroundResource(R.anim.anim);
           AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getBackground();
           animationDrawable.start();
       }
    }
}

ViewAnimation和DrawableAnimation

記一次 .NET某工業設計軟件崩潰分析

創建 Vue3 項目

TS + Webpack 整合 Jest

分享5款.NET開源免費的Redis客戶端組件庫

安卓手機如何登錄抖音境外版

golang開發 gorilla websocket的使用

面試官：如果不允許線程池丟棄任務，應該選擇哪個拒絕策略？

嵌入式汽車電子學習路線

Mac卸載 Node npm，升級 Node

uni.showModel內容換行

android Graphics（五）：drawText()詳解

android Graphics（四）：canvas變換與操作

android Graphics（一）：概述及基本幾何圖形繪製

android Graphics（三）：區域（Range）

android Graphics（二）：路徑及文字

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結