为打开新Activity动作添加动画效果

为打开Activity动作添加动画效果

 

1. 代码整理自 Android-8 例子程序 : ApiDemos

 

2. 实现的方式是调用 Activity 的 overridePendingTransition 方法，这个方法的签名为：

       overridePendingTransition(int enterAnim, int exitAnim)

       文档对两个参数的解释为：

              @param enterAnim : enterAnim A resource ID of the animation resource to use for the incoming activity. Use 0 for no animation.

              @param exitAnim  : exitAnim A resource ID of the animation resource to use for the outgoing activity. Use 0 for no animation.

       这个方法的作用就是在从一个 Activity 在切换到另一个 Activity 的间歇期间，闪电式放两个画面。

       第一个参数就是第一个画面，第二个参数是第二个画面。

       而，这个画面的效果是以 XML 来定义的，两个参数都是 R 文件中指向两个定义了动画效果的 XML 文件。

      

2. 下面示例两种动画效果，用于从一个 Activity 切换到另一个 Activity 的动画效果。

    一种是淡出式。

    一种是 zoom ，是一种页面急速向上卷起的效果。

       ** 界面布局很简单。在首页上两个按钮，点击后分别以两种效果打开另外一个 Activity

          main.xml:

           

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7.     <Button android:id="@+id/fadeButton"  
8.         android:layout_width="wrap_content" android:layout_height="wrap_content"   
9.         android:text="淡出方式打开-Fade">  
10.     </Button>  
11.     <Button android:id="@+id/zoomButton"  
12.         android:layout_width="wrap_content" android:layout_height="wrap_content"   
13.         android:text="上升式打开-Zoom">  
14.     </Button>  
15. </LinearLayout>  

 

             

       ** 打开后的新的 Activity 显示 "您好"

          other.xml:

          

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7.     <TextView  
8.         android:text="你好"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="fill_parent"/>  
11. </LinearLayout>  

 

       ** AndroidManifest.xml 要注册新的那个 Activity

          

view plain

1. <?xml version="1.0" encoding="utf-8"?>  
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
3.       package="wjh.android"  
4.       android:versionCode="1"  
5.       android:versionName="1.0">  
6.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
7.         <activity android:name=".Mainactivity"  
8.                   android:label="@string/app_name">  
9.             <intent-filter>  
10.                 <action android:name="android.intent.action.MAIN" />  
11.                 <category android:name="android.intent.category.LAUNCHER" />  
12.             </intent-filter>  
13.         </activity>  
14.         <activity android:name=".OtherActivity" />  
15.     </application>  
16.     <uses-sdk android:minSdkVersion="8" />  
17. </manifest>   

 

      

       ** 切换代码：MainActivity

            

view plain

1. /**  
2.  * 为打开Activity添加动画效果  
3.  */  
4. public class Mainactivity extends Activity {  
5.     @Override  
6.     public void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.main);  
9.         /* 淡出式打开按钮 */  
10.         Button button = (Button)findViewById(R.id.fadeButton);  
11.         button.setOnClickListener(mFadeListener);  
12.         /* 上升式打开按钮 */  
13.         button = (Button)findViewById(R.id.zoomButton);  
14.         button.setOnClickListener(mZoomListener);  
15.     }  
16.       
17.     /**  
18.      * 按钮点击：处理淡出式打开新的 Activity  
19.      */  
20.     private OnClickListener mFadeListener = new OnClickListener() {  
21.         public void onClick(View v) {  
22.             startActivity(new Intent(Mainactivity.this, OtherActivity.class));  
23.             overridePendingTransition(R.anim.fade, R.anim.hold);  
24.         }  
25.     };  
26.     /**  
27.      * 按钮点击：处理上升式打开新的 Activity  
28.      */  
29.     private OnClickListener mZoomListener = new OnClickListener() {  
30.         public void onClick(View v) {  
31.             startActivity(new Intent(Mainactivity.this, OtherActivity.class));  
32.             overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);  
33.         }  
34.     };  
35. }  

 

              

       ** 动画文件 -- 在res下新建一个文件夹用于存放定义动画，我建了一个anim文件夹

              fade.xml

                     <?xml version="1.0" encoding="utf-8"?>

                     <alpha xmlns:android="http://schemas.android.com/apk/res/android"

                            android:interpolator="@android:anim/accelerate_interpolator"

                            android:fromAlpha="0.0" android:toAlpha="1.0"

                            android:duration="@android:integer/config_longAnimTime" />

                           

              hold.xml

                     <?xml version="1.0" encoding="utf-8"?>

                     <translate xmlns:android="http://schemas.android.com/apk/res/android"

                            android:interpolator="@android:anim/accelerate_interpolator"

                            android:fromXDelta="0" android:toXDelta="0"

                            android:duration="@android:integer/config_longAnimTime" />

                               

3. 其它效果：

   只要拷贝以下效果到 XmL 文件再更改 overridePendingTransition 中的参数就可以了

  

   ** 左右滑入式

     * push_left_out.xml

       <?xml version="1.0" encoding="utf-8"?>

       <set xmlns:android="http://schemas.android.com/apk/res/android">

              <translate android:fromXDelta="0" android:toXDelta="-100%p" android:duration="300"/>

              <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />

         </set>

       * push_left_in.xml

         <set xmlns:android="http://schemas.android.com/apk/res/android">

              <translate android:fromXDelta="100%p" android:toXDelta="0" android:duration="300"/>

              <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />

         </set>

   

    ** 上下滑入式

           * push_up_in.xml

             <set xmlns:android="http://schemas.android.com/apk/res/android">

              <translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="300"/>

              <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />

         </set>

       * push_up_out.xml

         <set xmlns:android="http://schemas.android.com/apk/res/android">

              <translate android:fromYDelta="0" android:toYDelta="-100%p" android:duration="300"/>

              <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />

         </set>

 

     ** 浮云式

          * hyperspace_in.xml

            <alpha xmlns:android="http://schemas.android.com/apk/res/android"

                android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" android:startOffset="1200" />

          * hyperspace_out.xml

            

view plain

1. <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">  
2.     <scale   
3.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
4.         android:fromXScale="1.0"   
5.         android:toXScale="1.4"   
6.         android:fromYScale="1.0"   
7.         android:toYScale="0.6"   
8.         android:pivotX="50%"  
9.         android:pivotY="50%"  
10.         android:fillAfter="false"  
11.         android:duration="700" />  
12.     <set   
13.         android:interpolator="@android:anim/accelerate_interpolator"  
14.                 android:startOffset="700">  
15.           
16.         <scale  
17.             android:fromXScale="1.4"   
18.             android:toXScale="0.0"  
19.                 android:fromYScale="0.6"  
20.             android:toYScale="0.0"   
21.             android:pivotX="50%"   
22.             android:pivotY="50%"   
23.             android:duration="400" />  
24.           
25.         <rotate   
26.             android:fromDegrees="0"   
27.             android:toDegrees="-45"  
28.             android:toYScale="0.0"   
29.             android:pivotX="50%"   
30.             android:pivotY="50%"  
31.             android:duration="400" />  
32.     </set>  
33. </set>