Animasi atribut koleksi animasi Android-lihat semula

Pengenalan kepada bahagian ini:

Dalam bahagian terakhir kami menjalankan kajian awal animasi atribut Android, saya percaya bahawa semua orang tidak lagi biasa dengan animasi atribut. Memandangkan kami mempunyai sedikit pengetahuan mengenainya, dalam bahagian ini kami akan terus meneroka beberapa kegunaan yang lebih maju bagi animasi sifat Android! Masih menyiarkan tiga artikel oleh Guo Shen~

Analisis lengkap animasi atribut Android (Bahagian 1), terlebih dahulu memahami penggunaan asas animasi atribut

Atribut Android animasi Analisis lengkap (Bahagian 2), penggunaan lanjutan ValueAnimator dan ObjectAnimator

Analisis lengkap animasi sifat Android (Bahagian 2), penggunaan Interpolator dan ViewPropertyAnimator

Kandungan masih Rujuk tiga artikel di atas, okay, mari kita mulakan bahagian ini~

1.Penyesuaian penilai

1) Pengenalan Kepada Penilai

8.4.3 Animasi Atribut Koleksi Animasi Android - Pandangan Pertama di bahagian sebelumnya, langkah pertama dalam menggunakan animasi ialah:

Panggil ValueAnimator's ofInt (), ofFloat() atau ofObject() kaedah statik mencipta contoh ValueAnimator!

Dalam contoh, kami telah menggunakan kedua-dua Int dan ofFloat, yang digunakan untuk menganimasikan data titik terapung dan integer!

Bagaimana dengan ofObject()? Objek awal dan objek akhir? Bagaimana untuk peralihan? Atau bagaimana untuk menggunakan perkara ini?

Baiklah, dengan soalan, mari kita fahami sesuatu dahulu: Penilai Sebenarnya, kita bercakap tentang perkara ini apabila kita bercakap tentang konsep animasi atribut:

digunakan untuk memberitahu sistem animasi bagaimana untuk beralih daripada nilai awal kepada nilai akhir! Okay, titik permulaan kita betul! Mari kita masuk ke kod sumber IntEvaluator dan lihat apa yang tertulis di dalamnya?

TypeEvaluator dilaksanakan, dan kemudian kaedah evaluate() ditulis semula, dengan tiga parameter, dalam pesanan:

• pecahan: Tahap penyiapan animasi, berdasarkan mana kami mengira nilai animasi sepatutnya
• startValue : Permulaan animasi Nilai awal
• endValue: Nilai akhir animasi

Nilai animasi = nilai awal + penyiapan * ( nilai akhir - nilai awal)

TypeEvaluator, iaitu, sesuaikan Penilai Tidak berguna untuk mengatakan lebih lanjut untuk melihat:

2) Contoh penggunaan<. 🎜>

:

Pelaksanaan kod:

Tentukan objek Point.java Objek hanya mempunyai dua atribut: x dan y . dapatkan, tetapkan kaedah~

/**
 * Created by Jay on 2015/11/18 0018.
 */
public class Point {

    private float x;
    private float y;

    public Point() {
    }

    public Point(float x, float y) {
        this.x = x;
        this.y = y;
    }

    public float getX() {
        return x;
    }

    public float getY() {
        return y;
    }

    public void setX(float x) {
        this.x = x;
    }

    public void setY(float y) {
        this.y = y;
    }
}

Kemudian sesuaikan kelas Evaluator: PointEvaluator.java, laksanakan antara muka dan tulis semula kaedah penilaian~

/**
 * Created by Jay on 2015/11/18 0018.
 */
public class PointEvaluator implements TypeEvaluator{
    @Override
    public Point evaluate(float fraction, Point startValue, Point endValue) {
        float x = startValue.getX() + fraction * (endValue.getX() - startValue.getX());
        float y = startValue.getY() + fraction * (endValue.getY() - startValue.getY());
        Point point = new Point(x, y);
        return point;
    }
}

Kemudian sesuaikan kelas View : AnimView.java, sangat mudah~

/**
 * Created by Jay on 2015/11/18 0018.
 */
public class AnimView extends View {

    public static final float RADIUS = 80.0f;
    private Point currentPoint;
    private Paint mPaint;

    public AnimView(Context context) {
        this(context, null);
    }

    public AnimView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public AnimView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
    }

    private void drawCircle(Canvas canvas){
        float x = currentPoint.getX();
        float y = currentPoint.getY();
        canvas.drawCircle(x, y, RADIUS, mPaint);
    }

    private void startAnimation() {
        Point startPoint = new Point(RADIUS, RADIUS);
        Point endPoint = new Point(getWidth() - RADIUS, getHeight() - RADIUS);
        ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), startPoint, endPoint);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                currentPoint = (Point) animation.getAnimatedValue();
                invalidate();
            }
        });
        anim.setDuration(3000l);
        anim.start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (currentPoint == null) {
            currentPoint = new Point(RADIUS, RADIUS);
            drawCircle(canvas);
            startAnimation();
        } else {
            drawCircle(canvas);
        }
    }
}

Akhir sekali, nyatakan Pandangan ini di MainActivity.java~

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new AnimView(this));
    }
}

3) Contoh Versi dipertingkatkan

Berdasarkan contoh di atas, kami menambah perubahan warna apabila bulatan bergerak~ Di sini kami menggunakan ObjectAnimator lain untuk memuatkan animasi perubahan warna Kami menambah berbilang warna int untuk mengawal warna, dan tulis kaedah getColor() dan setColor() Mari sesuaikan Penilai dahulu~

Jalankan pemaparan :

Kod pelaksanaan:

ColorEvaluator.java:

/**
 * Created by Jay on 2015/11/18 0018.
 */
public class ColorEvaluator implements TypeEvaluator{
    @Override
    public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
        int alpha = (int) (Color.alpha(startValue) + fraction *
                (Color.alpha(endValue) - Color.alpha(startValue)));
        int red = (int) (Color.red(startValue) + fraction *
                (Color.red(endValue) - Color.red(startValue)));
        int green = (int) (Color.green(startValue) + fraction *
                (Color.green(endValue) - Color.green(startValue)));
        int blue = (int) (Color.blue(startValue) + fraction *
                (Color.blue(endValue) - Color.blue(startValue)));
        return Color.argb(alpha, red, green, blue);
    }
}

Kemudian sesuaikan Paparan dan tambah warna, dapatkan dan tetapkan kaedah; buat ObjectAnimator, dan AnimatorSet, dan kemudian menggabungkan animasi bersama-sama saya hanya akan menambah beberapa perkara di sini, sekiranya pembaca mempunyai sebarang soalan. Hanya buat View lain~

AnimView2.java:

/**
 * Created by Jay on 2015/11/18 0018.
 */
public class AnimView2 extends View {

    public static final float RADIUS = 80.0f;
    private Point currentPoint;
    private Paint mPaint;
    private int mColor;

    public AnimView2(Context context) {
        this(context, null);
    }

    public AnimView2(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public AnimView2(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(Color.BLUE);
    }



    private void drawCircle(Canvas canvas){
        float x = currentPoint.getX();
        float y = currentPoint.getY();
        canvas.drawCircle(x, y, RADIUS, mPaint);
    }

    private void startAnimation() {
        Point startPoint = new Point(RADIUS, RADIUS);
        Point endPoint = new Point(getWidth() - RADIUS, getHeight() - RADIUS);
        ValueAnimator anim = ValueAnimator.ofObject(new PointEvaluator(), startPoint, endPoint);
        anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                currentPoint = (Point) animation.getAnimatedValue();
                invalidate();
            }
        });

        ObjectAnimator objectAnimator = ObjectAnimator.ofObject(this, "color", new ColorEvaluator(),
                Color.BLUE, Color.RED);
        //动画集合将前面两个动画加到一起，with同时播放
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.play(anim).with(objectAnimator);
        animatorSet.setStartDelay(1000l);
        animatorSet.setDuration(3000l);
        animatorSet.start();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        if (currentPoint == null) {
            currentPoint = new Point(RADIUS, RADIUS);
            drawCircle(canvas);
            startAnimation();
        } else {
            drawCircle(canvas);
        }
    }

    //color的get和set方法~
    public int getColor() {
        return mColor;
    }

    public void setColor(int color) {
        mColor = color;
        mPaint.setColor(color);
        invalidate();
    }
}

Kemudian dalam MainActivity, setContentView, cuma tukar AnimView kepada AnimView2~

2 .Interpolator

Nah, kita bercakap tentang perkara ini apabila kita bercakap tentang animasi tweening~ Saya tertanya-tanya adakah anda masih mengingatinya?

Animasi tweener dan animasi atribut di atas tersedia, dan animasi tweening juga menambah antara muka TimeInterpolator baharu Antara muka ini digunakan untuk serasi dengan Interpolator sebelumnya, yang membolehkan semua kelas pelaksanaan Interpolator lalu digunakan secara langsung Gunakannya dalam animasi atribut! Kita boleh memanggil kaedah setInterpolator() objek animasi untuk menetapkan Interpolator yang berbeza! Kita perlu klik sesuatu dahulu dan biarkan bola jatuh dari atas ke bawah di tengah-tengah skrin~ Kemudian kami akan memanggil pernyataan berikut untuk animasi set kami: animatorSet.setInterpolator(new AccelerateInterpolator(2f));Nilai dalam kurungan digunakan untuk mengawal pecutan~

Run Effect :

nampaknya agak luar biasa. Biasanya ia akan melantun. Mari cuba dengan BounceInterpolator~

<. 🎜>

private class DecelerateAccelerateInterpolator implements TimeInterpolator {
    @Override
    public float getInterpolation(float input) {
        if (input < 0.5) {
            return (float) (Math.sin(input * Math.PI) / 2);
        } else {
            return 1 - (float) (Math.sin(input * Math.PI) / 2);
        }
    }
}

ObjectAnimator animator = ObjectAnimator.ofFloat(textview, "alpha", 0f);  
animator.start();

textview.animate().alpha(0f);

textview.animate().x(500).y(500).setDuration(5000)  
        .setInterpolator(new BounceInterpolator());