動態更迭畫面——打造吸睛Android平移動畫

一、概述

平移動畫是Android中常用的一種動畫效果，它可以使控件在屏幕上水平或垂直移動。在一些需要增加交互感的應用中，我們需要通過動畫來吸引用戶的注意力，讓用戶更容易地理解應用的功能。在本文中，我們將通過使用平移動畫，來實現動態更迭畫面，讓應用更加吸睛。

二、實現

1. 添加控件

首先我們需要添加兩個控件，在XML布局文件中添加兩個TextView控件，並設置它們的背景色為紅色和綠色。如下所示：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:gravity="center_vertical">
 
    <TextView
        android:id="@+id/tv_red"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#FF0000"
        android:textColor="#FFFFFF"
        android:text="RED"
        android:gravity="center"
        android:textSize="20sp"/>
 
    <TextView
        android:id="@+id/tv_green"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#00FF00"
        android:textColor="#FFFFFF"
        android:text="GREEN"
        android:gravity="center"
        android:textSize="20sp"/>
 
</LinearLayout>

2. 定義動畫

接下來我們需要在Java代碼中定義動畫。我們可以使用ObjectAnimator對象來實現平移動畫，具體實現如下：

ObjectAnimator animator = ObjectAnimator.ofFloat(
        findViewById(R.id.tv_red),
        "translationX",
        findViewById(R.id.tv_red).getTranslationX(),
        findViewById(R.id.tv_red).getTranslationX() + 500f);
 
animator.setDuration(1000);
animator.setInterpolator(new AccelerateDecelerateInterpolator());
animator.start();

上面的代碼中，我們首先定義了一個ObjectAnimator對象，並使用findViewById()方法獲取需要進行動畫操作的控件。然後我們設置了平移動畫的具體參數：

• “translationX”表示對控件的X軸進行平移，此處也可以使用”translationY”對控件的Y軸進行平移。
• findViewById(R.id.tv_red).getTranslationX()獲取控件初始的X軸坐標。
• findViewById(R.id.tv_red).getTranslationX() + 500f表示控件平移的距離。

接着我們設置了動畫的時長和插值器，最後使用start()方法啟動動畫。

3. 實現動態更迭

在上一步中我們已經成功地實現了平移動畫，但是我們還需要在動畫結束時，重新設置控件的初始坐標，完成動態更迭。我們可以使用AnimatorListenerAdapter對象來監聽ObjectAnimator對象的動畫結束事件，並在該事件中重新設置控件的坐標，具體實現如下：

ObjectAnimator animator = ObjectAnimator.ofFloat(
        findViewById(R.id.tv_red),
        "translationX",
        findViewById(R.id.tv_red).getTranslationX(),
        findViewById(R.id.tv_red).getTranslationX() + 500f);
 
animator.setDuration(1000);
animator.setInterpolator(new AccelerateDecelerateInterpolator());
animator.addListener(new AnimatorListenerAdapter() {
    @Override
    public void onAnimationEnd(Animator animation) {
        super.onAnimationEnd(animation);
        findViewById(R.id.tv_red).setTranslationX(0f);
        findViewById(R.id.tv_green).setTranslationX(-500f);
    }
});
animator.start();

這段代碼中，我們使用addListener()方法添加了一個AnimatorListenerAdapter對象，該對象重寫了onAnimationEnd()方法，當動畫結束時，會自動調用該方法，並在該方法中重新設置控件的坐標。需要注意的是，我們還需要將綠色控件設置為計算後的位置，即-500f。

三、小結

本文詳細介紹了如何使用平移動畫實現動態更迭畫面的效果。通過以上實現方式，我們可以讓應用增加更多的交互性，吸引用戶的注意力。當然，平移動畫還有很多其他的應用場景，不僅僅局限於動態更迭畫面。我們可以根據實際需求，靈活運用平移動畫，打造更加精彩的用戶體驗。