android 屬性動畫之 ObjectAnimator

阿新 • • 發佈：2018-11-27

一、ObjectAnimator展示單個動畫效果

1、translate

    //view從原始位置減速下移500，無限迴圈
    private void translationY1(View view) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationY", 0f, 500f);
        animator.setInterpolator(new DecelerateInterpolator());//減速
        animator.setRepeatCount(-1 
);//設定動畫重複次數，-1表示無限
        animator.setRepeatMode(ValueAnimator.REVERSE);//設定動畫迴圈模式
        animator.setDuration(1000);
        animator.start();
    }

    // view從螢幕頂端下移500
    private void translationY(View view){
        ObjectAnimator animator = ObjectAnimator.ofFloat(view,"Y",0f,500f);
        animator.setDuration(1000 
);
        animator.start();
    }

2、scale

    //view從原始尺寸縮小為0
    private void scale_smalller(View view){
        ObjectAnimator animatorX = ObjectAnimator.ofFloat(view, "scaleX", 1f, 0f);
        ObjectAnimator animatorY = ObjectAnimator.ofFloat(view, "scaleY", 1f, 0f);
        AnimatorSet animatorSet = new 
 AnimatorSet();
        animatorSet.setDuration(2000);
        animatorSet.play(animatorX).with(animatorY);//兩個動畫同時開始
        animatorSet.start();
    }

    //view從原始尺寸變大為原來2倍大
    private void scale_bigger(View view){
        ObjectAnimator animatorX = ObjectAnimator.ofFloat(view, "scaleX", 1f, 2f);
        ObjectAnimator animatorY = ObjectAnimator.ofFloat(view, "scaleY", 1f, 2f);
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.setDuration(2000);
        animatorSet.play(animatorX).with(animatorY);//兩個動畫同時開始
        animatorSet.start();
    }

    //view先從原始尺寸縮小為0,再變大為原來2倍大
    private void scaleToSmallToBig(View view){
        ObjectAnimator animatorX1 = ObjectAnimator.ofFloat(view, "scaleX", 1f, 0f);
        ObjectAnimator animatorY1 = ObjectAnimator.ofFloat(view, "scaleY", 1f, 0f);
        ObjectAnimator animatorX2 = ObjectAnimator.ofFloat(view, "scaleX", 0f, 2f);
        ObjectAnimator animatorY2 = ObjectAnimator.ofFloat(view, "scaleY", 0f, 2f);
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.setDuration(3000);
        animatorSet.play(animatorX1).with(animatorY1);
        animatorSet.play(animatorX2).with(animatorY2).after(animatorX1);
        animatorSet.start();
    }

3、alpha

    //view透明度從1變到0.3
    private void changeAlpha(View view) {
        ObjectAnimator animator = ObjectAnimator.ofFloat(view, "alpha", 1f, 0.3f);
        animator.setDuration(1000);
        animator.start();
    }

4、rotate

    //view順時針旋轉360度
    private void rotate(View view){
        ObjectAnimator animator = ObjectAnimator .ofFloat(view, "rotation", 0f, 360f);
        animator.setDuration(1000);
        animator.start();
    }

二、ObjectAnimator展示多個動畫效果

1、按順序播放動畫

    //按順序播放動畫:view先右移500，再下移500，最後旋轉360,每個動畫耗時0.5s
    private void playAnimatorSequentially(View view){
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(view, "translationX", 0f, 500f);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(view, "translationY", 0f, 500f);
        ObjectAnimator animator3 = ObjectAnimator .ofFloat(view, "rotation", 0f, 360f);
        AnimatorSet animatorSet = new AnimatorSet() ;
        animatorSet.playSequentially(animator1,animator2,animator3);
        animatorSet.setDuration(500);
        animatorSet.start();
    }

2、若干動畫同時進行

     //3個動畫同時進行，一共耗時2s
    private void playAnimatorTogether(View view){
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(view, "translationX", 0f, 500f);
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(view, "translationY", 0f, 500f);
        ObjectAnimator animator3 = ObjectAnimator .ofFloat(view, "rotation", 0f, 360f);
        AnimatorSet set =new AnimatorSet();
        set.playTogether(animator1,animator2,animator3);
        set.setDuration(2000);
        set.start();
    }

三、為動畫新增監聽事件

方式1（四個方法全實現）：

    //為動畫新增監聽事件方式一(四個方法全實現)
    private void addAnimatorListener1(View view){
        ObjectAnimator animator = ObjectAnimator.ofFloat(view, "Y", 0f, 1000f);
        animator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animator) {
                //動畫開始前呼叫此方法
                Toast.makeText(ObjectAnimatorActivity.this, "start", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onAnimationEnd(Animator animator) {
                //動畫結束後呼叫此方法
                Toast.makeText(ObjectAnimatorActivity.this, "end", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onAnimationCancel(Animator animator) {

            }

            @Override
            public void onAnimationRepeat(Animator animator) {

            }
        });
        animator.setDuration(3000);
        animator.start();
    }

方式2（選擇實現方法）

    //為動畫新增監聽事件方式二(選擇實現方法)
    private void addAnimatorListener2(View view){
        ObjectAnimator animator = ObjectAnimator.ofFloat(view, "Y", 0f, 1000f);
        animator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationStart(Animator animation) {
                super.onAnimationStart(animation);
                //動畫開始前呼叫此方法
                Toast.makeText(ObjectAnimatorActivity.this, "start", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                super.onAnimationEnd(animation);
                //動畫結束後呼叫此方法
                Toast.makeText(ObjectAnimatorActivity.this, "end", Toast.LENGTH_SHORT).show();
            }
        });
        animator.setDuration(3000);
        animator.start();
    }

這裡貼一個使用ObjectAnimator實現經典彈球選單demo的程式碼

public class MainActivity extends Activity implements View.OnClickListener{

    private int[] res = {R.id.imageView_a,R.id.imageView_b,
                         R.id.imageView_c, R.id.imageView_d,
                         R.id.imageView_e,R.id.imageView_f,
                          R.id.imageView_g,R.id.imageView_h};

    private List<ImageView> imageViewList = new ArrayList<ImageView>();

    private boolean flag = true;

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

        for (int i = 0;i<res.length;i++){
            ImageView imageView = (ImageView) findViewById(res[i]);
            imageView.setOnClickListener(this);
            imageViewList.add(imageView);
        }
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.imageView_a:
                if (flag){ //第一次點選展開選單
                    startAnima();
                }else{
                    closeAnima();
                }
                break;
            default:
                Toast.makeText(this, "你點選了"+view.getId(),
                Toast.LENGTH_SHORT).show();
                break;
        }
    }

    //展開選單
    private void startAnima() {
        for (int i = 1;i<res.length;i++){
            ObjectAnimator animator = 
ObjectAnimator.ofFloat(imageViewList.get(i),
                    "TranslationY",0f,i*200f);
            animator.setDuration(1000);
            //新增一個模仿彈球落地的動畫效果
            animator.setInterpolator(new BounceInterpolator());
            //每個延時0.3s依次落下
            animator.setStartDelay(i*300);
            animator.start();
            flag = false;
        }
    }

    //回收選單
    private void closeAnima() {
        for (int i = 1;i<res.length;i++){
            ObjectAnimator animator =  
  ObjectAnimator.ofFloat(imageViewList.get(i),
                    "TranslationY",i*200f,0f);
            animator.setDuration(500);
            //新增一個模仿彈球落地的動畫效果
            animator.setInterpolator(new BounceInterpolator());
            //每個延時0.3s依次回收
            animator.setStartDelay(i*300);
            animator.start();
            flag = true;
        }

    }
}

佈局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.sqf.objectanimatorsample.MainActivity">

    <ImageView
        android:id="@+id/imageView_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/b"/>
    <ImageView
        android:id="@+id/imageView_c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/c"/>
    <ImageView
        android:id="@+id/imageView_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/d"/>
    <ImageView
        android:id="@+id/imageView_e"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/e"/>
    <ImageView
        android:id="@+id/imageView_f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/f"/>
    <ImageView
        android:id="@+id/imageView_g"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/g"/>
    <ImageView
        android:id="@+id/imageView_h"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/h"/>
    <ImageView
        android:id="@+id/imageView_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/a"/>
</FrameLayout>

android 屬性動畫之 ObjectAnimator

一、ObjectAnimator展示單個動畫效果 1、translate //view從原始位置減速下移500，無限迴圈 private void translationY1(View view) { ObjectAnimator animator

屬性動畫之—ObjectAnimator基本使用

一、概述1、引入上幾篇給大家講了ValueAnimator，但ValueAnimator有個缺點，就是隻能對數值對動畫計算。我們要想對哪個控制元件操作，需要監聽動畫過程，在監聽中對控制元件操作。這樣使用起來相比補間動畫而言就相對比較麻煩。為了能讓動畫直接與對應

Android屬性動畫欣賞——ObjectAnimator與動畫監聽事件

傳統動畫的侷限傳統動畫(Animation)只是重繪動畫（就是不斷的呼叫相應的方法重繪，會耗費CPU資源），改變其顯示位置，但是真正能響應事件的位置還在原處。因此不適宜做具有互動的動畫效果，僅僅用來做一些顯示性的效果。（包括位移、旋轉、縮放、透明度四種動畫）

Android屬性動畫之XML定義方式

(1) XML檔案位置：res/animator/filename.xml (2) 檔案編譯後的型別：ValueAnimator, ObjectAnimator, AnimatorSet。這三種類型前面已經介紹過。 (3) 引用資源的方式： In J

Android 屬性動畫框架 ObjectAnimator、ValueAnimator ，這一篇就夠了

前言我們都知道 Android 自帶了 Roate Scale Translate Alpha 多種框架動畫，我們可以通過她們實現豐富的動畫效果，但是這些寬家動畫卻有一個致命的弱點，它們只是改變了 View 顯示的大小，而沒有改變 View 的響應區域。這時以 ObjectAnimator、ValueAni

Android屬性動畫初探之ObjectAnimator

屬性動畫 ObjectAnimator ObjectAnimator使用它的ofFloat方法，來構造一個屬性動畫 ObjectAnimator.ofFloat(Object target,String propName,float... valuse

Android屬性動畫完全解析中，ValueAnimator和ObjectAnimator的高階用法

轉載請註明出處：http://blog.csdn.net/guolin_blog/article/details/43536355 大家好，在上一篇文章當中，我們學習了Android屬性動畫的基本用法，當然也是最常用的一些用法，這些用法足以覆蓋我們平時大多情況下的動畫需求了。但是，正如上篇文章當中所

Android屬性動畫完全解析(中)，ValueAnimator和ObjectAnimator的高階用法

大家好，在上一篇文章當中，我們學習了Android屬性動畫的基本用法，當然也是最常用的一些用法，這些用法足以覆蓋我們平時大多情況下的動畫需求了。但是，正如上篇文章當中所說到的，屬性動畫對補間動畫進行了很大幅度的改進，之前補間動畫可以做到的屬性動畫也能做到，補間動畫做不到的現在

Android 屬性動畫ObjectAnimator和ValueAnimator講解

區別：　　ObjectAnimator 是直接對某個view進行更改。　　ValueAnimator 根據 TimeInterpolator 在不斷產生相應的資料，來傳進view ，view自己做改變。介紹：　　1.屬性動畫是通過改變某個控制元件的屬性值來創造動畫，比如在規定的時間

Android開發中屬性動畫（ObjectAnimator）中插值器（Time Interpolator ）詳解

在 Android開發中，為了保持良好的互動體驗，我們經常會用到動畫來提升使用者體驗，而動畫中屬性動畫用的最多。雖然動畫可以讓介面看起來不是那麼粗糙，但是很多時候僅僅只是勻速運動的動畫可能不足以描述一些我們想呈現給使用者的介面，比如模擬一個下落的小球，我們知道下落的小球並不是以勻速運動的，

Android開發中屬性動畫（ObjectAnimator）的應用

昨天看到一個有意思的動畫，就想用Android 中的屬性動畫（ObjectAnimator）給實現出來，順便複習一下屬性動畫的使用，完成效果如下：看完了效果，現在該開始動手幹活了~ 首先先分析一下這個動畫用Android 中的屬性動畫該怎麼實現：看上去這個動畫很簡單，可以用

Android屬性動畫-ObjectAnimator

1 概覽先看一下屬性動畫的結構，View動畫的基類是Animation，屬性動畫的基類是Animator ValueAnimator：這個動畫是針對屬性的值進行動畫的，不會對UI造成改變，不能直接實現動畫效果。需要通過對動畫的監聽去做一些操作，在監聽中將這個值設定給對應

Android屬性動畫(ObjectAnimator、PropertyValuesHolder、ValueAnimator、AnimatorSet)

Android屬性動畫　　在Animator 框架中，使用最多的就是AnimatorSet和ObjectAnimator配合，使用ObjectAnimator進行更加精細的控制，只控制一個物件的一個屬性值，爾斯用多個ObjectAnimator組合到Anim

Android屬性動畫(一)：ValueAimator和ObjectAnimator的基本使用

補間動畫在屬性動畫之前，有補間動畫（Animation類）供我們使用，為什麼有了補間動畫還要屬性動畫？ 1.補間動畫只能對view進行操作，有很大的侷限性 2.補間動畫只能實現移動，縮放，旋轉，淡進淡出，其他的效果很難做到 3.補間動畫只是改變了view的顯示效果，而沒有

Android 常用動畫之RotateAnimation

找到 draw 狀態 set 運行代碼 pla instance from 前兩天接到任務做一個UI，有用到動畫，於是抽空看了下Android動畫相關知識。 Android Animation共有四大類型，分別是 Alpha 透明度動畫 Scale 大

Android屬性動畫完全解析(上)，初識屬性動畫的基本用法

fcm 操作 fad 擴展性改變內部使用如果轉載 @override 轉載請註明出處：http://blog.csdn.net/guolin_blog/article/details/43536355 在手機上去實現一些動畫效果算是件比較炫酷的事情，因此Andr

Android 屬性動畫（Property Animation）全然解析（上）

顏色 valid 全部加速度 ext target ng- 點擊 save 轉載請標明出處：http://blog.csdn.net/lmj623565791/article/details/380674751、概述Android提供了幾種動畫類型：View Anima

屬性動畫之Animator API基本使用

上一篇中我們簡單的介紹瞭如何使用檢視動畫Animation API的基本使用，今天就來介紹一下功能更為強大的屬性動畫Animator API的基本使用，首先我們來看一看Animator的繼承結構： Animator public a

淺談Android屬性動畫.

1、前言在我們體驗一款APP時，炫酷的動畫往往能讓使用者體驗大幅度提升。想當年我剛學Android的時候，無意中看到蘑菇街購物車的動畫效果，把我給激動得，非要在自己的APP中加入那動畫，記得當時用費了好大的勁...不提了，說多了都是淚... 先了解下，目前可以實現動畫的方

Android屬性動畫深入分析讓你成為動畫牛人

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

android 屬性動畫之 ObjectAnimator

相關推薦