android学习——activity实现动画切换

在上一篇的基础上继续进行。

1，在mail.xml中添加切换按钮

代码在上一篇的基础上添加即可：

<span style="font-size:14px;">

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn1"
       
        android:onClick="onClick1"
        android:text="滑动切换" /></span>

2，在secondmail.xml中添加切换按钮

代码在上一篇的基础上添加即可：

<span style="font-size:14px;"><Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="onClick1"
        android:text="滑动返回" 
        android:layout_below="@+id/tv"
        android:layout_toRightOf="@+id/btn"
        android:layout_marginLeft="5dp"/></span>

3，Android在2.0开始在Activity增加了一个切换效果的方法：

public void overridePendingTransition (int enterAnim, int exitAnim)

其中：

enterAnim 定义Activity进入屏幕时的动画

exitAnim 定义Activity退出屏幕时的动画

overridePendingTransition 方法必须在startActivity()或者 finish()方法的后面。

首先了解Activity的位置定义，如下图：

从上图可以看出，以手机屏幕下面边未X轴，屏幕左边为Y轴，当Activity在X轴值为-100%p时，刚好在屏幕的左边（位置1），当X轴值为0%p时，刚好再屏幕内(位置2），当X=100%p时刚好在屏幕右边（位置3）。

清楚了位置后，我们就可以实现左右滑动的切换效果，首先让要退出的Activity从位置2移动到位置1，同时让进入的Activity从位置3移动位置2，这样就能实现从左右切换效果。

实现过程如下，首先定义2个动画，在 res目录创建anim目录， 然后在目录创建动画的xml文件：out_to_left.xml (从左边退出动画) ,in_from_right.xml(从右边进入动画)

out_to_left.xml 代码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="0%p" android:toXDelta="-100%p"
        android:duration="500" />
</set>

in_from_right.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="100%p" android:toXDelta="0%p"
        android:duration="500" />
</set>

注：  android:fromXDelta 动画开始的位置，   android:toXDelta  动画结束的位置，  android:duration 动画的时间。

4，在MainActivity.java中实现功能

在上一篇代码的基础上添加代码：

public void onClick1(View v) {
        Intent intent = new Intent(this,SecondActivity.class);
        
        startActivity(intent);
        
        overridePendingTransition(R.anim.out_to_right, R.anim.out_to_left);                
    }

这样从第一个页面到第二个页面的滑动切换实现了，那么从第二个到第一个也可以推理出来了，就不详细些了，把代码贴在下面

两个新建动画的代码：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="-100%p" android:toXDelta="0%p"
        android:duration="500" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromXDelta="0%p" android:toXDelta="100%p"
        android:duration="500" />
</set>

SecondActivity.java中的代码：

public void onClick1(View v) {
        Intent intent = new Intent(this,MainActivity.class);
        
        startActivity(intent);
        
        overridePendingTransition(R.anim.out_to_left1, R.anim.out_to_right1);                
    }