Android：动画：activity切换动画与页面切换动画

最新推荐文章于 2021-05-25 22:18:12 发布

转载最新推荐文章于 2021-05-25 22:18:12 发布 · 280 阅读

JavaSE 同时被 2 个专栏收录

253 篇文章

订阅专栏

Android

77 篇文章

订阅专栏

本文详细介绍了如何在Android应用中实现翻页效果和Activity之间的切换动画，包括界面布局、翻页控件使用、动画加载及事件监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主界面定义文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <ViewFlipper
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:id="@+id/viewFlipper"
    >
        
        <LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          >
            <TextView
            android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:text="第一页"
            />
           <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="打开新Activity"
                android:onClick="openActivity"
                />
        </LinearLayout>
       
        <LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:background="#339900"
          >
           <TextView
            android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:text="第二页"
            />
       </LinearLayout>
    </ViewFlipper>

</LinearLayout>

public class MainActivity extends Activity {

    private ViewFlipper viewFlipper;//翻页效果控件
    private float startX;
    private Animation in_lefttoright;
    private Animation out_lefttoright;
    private Animation in_righttoleft;
    private Animation out_righttoleft;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        in_lefttoright = AnimationUtils.loadAnimation(this, R.anim.enter_lefttoright);//从左到右进入的动画
        out_lefttoright = AnimationUtils.loadAnimation(this, R.anim.out_lefttoright);//从左到右出去的动画

        in_righttoleft = AnimationUtils.loadAnimation(this, R.anim.enter_righttoleft);//从右到左进入的动画
        out_righttoleft = AnimationUtils.loadAnimation(this, R.anim.out_righttoleft);//从右到左出去的动画
        viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFlipper);
    }



    @Override
   public boolean onTouchEvent(MotionEvent event) {
       if(event.getAction()==MotionEvent.ACTION_DOWN){
           startX = event.getX();
       }else if(event.getAction()==MotionEvent.ACTION_UP){
           float endX = event.getX();
           if(endX > startX){
               viewFlipper.setInAnimation(in_lefttoright);
               viewFlipper.setOutAnimation(out_lefttoright);
               viewFlipper.showNext();//显示下一页

           }else if(endX < startX){
               viewFlipper.setInAnimation(in_righttoleft);
               viewFlipper.setOutAnimation(out_righttoleft);
               viewFlipper.showPrevious();//显示前一页
           }
           return true;
       }
       return super.onTouchEvent(event);
   }

   public void openActivity(View v){
       Intent intent = new Intent(this, OtherActivity.class);
       startActivity(intent);
       this.overridePendingTransition(R.anim.enteralpha, R.anim.outalpha);//实现Activity切换动画效果
    }

}

动画定义文件

页面切换效果

\res\anim\enter_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="-100%p"

        android:toXDelta="0"

        android:duration="5000"
         />
</set>

enter_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="100%p"

        android:toXDelta="0"

        android:duration="5000"
         />
</set>

out_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="0"

        android:toXDelta="100%p"

        android:duration="5000"
         />
</set>

out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:fromXDelta="0"

        android:toXDelta="-100%p"

        android:duration="5000"
         />
</set>

Activity切换效果

enteralpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
   <alpha
        android:fromAlpha="0"
        android:toAlpha="1"
        android:duration="5000"
     />
</set>

outalpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
   <alpha
        android:fromAlpha="1.0"
        android:toAlpha="0"
        android:duration="5000"
     />
</set>