Android--动画小练习

我们平时刚开始安装一个程序时，都会有一个引导的翻页。这个小练习就是模拟下：

直接上全部代码吧：

public class WelcomeAcitvity extends AppCompatActivity {


    private Handler handler=new Handler(){
        @Override
        public void handleMessage(@NonNull Message msg) {
            if(msg.what==1){
                startActivity(new Intent(WelcomeAcitvity.this,OnePage.class));
                finish();
            }
        }
    };

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

        handler.sendEmptyMessageDelayed(1,5000);
    }
}

这里开始的代码及其简单。就是利用handler延迟开启别的activity。难点是在于：这里的进度条是自己找的图片，让它自己旋转。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".WelcomeAcitvity"
    android:background="@drawable/qq">
    <!--上面相对布局还设置了背景-->
    <!--自定义图片旋转的代码:最后两行-->
    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="100dp"
        
        android:indeterminateDrawable="@anim/image_progress"
        android:indeterminateDuration="500"/>
        
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="当前版本1.0"
        android:textSize="20dp"
        android:layout_centerHorizontal="true"
        android:layout_above="@+id/progressBar"
        android:id="@+id/tv_main"
        android:layout_marginBottom="20dp"/>
</RelativeLayout>

@anim/image_progress:

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/jd">
</rotate>

---

剩下的几个页面的步骤都差不多：

直接看第二个页面好了，第一个页面有的第二个页面也有
（白白的一片，做个模拟就好了）

代码：

public class TwoPage extends AppCompatActivity {

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

    public void back(View view){
        finish();
        overridePendingTransition(R.anim.left_in,R.anim.right_out);
    }

    public void next(View view){
        startActivity(new Intent(this,ThreePage.class));
        overridePendingTransition(R.anim.right_in,R.anim.left_out);
    }
}

主要的是动画文件的理解：
这里我们要做的效果是按下一页的时候，页面从左边出去，然后新页面从右边进来
R.anim.right_in：

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="100%"
    android:toXDelta="0"
    android:duration="500">
</translate>

R.anim.left_out：

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:toXDelta="-100%"
    android:duration="500">
</translate>

R.anim.left_in

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="-100%"
    android:toXDelta="0"
    android:duration="500">
</translate>

R.anim.right_out

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:toXDelta="100%"
    android:duration="500">
</translate>

上边代码的意思就是…自己理解吧，我也不懂怎么解释。

大致就这样个流程，其他代码就不上了吧…