`
liuguofeng
  • 浏览: 435165 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Android Activity的切换动画

阅读更多

app中Activity之间跳转方式太单调有没有。。。想改变一下？那就自己写呗！！！！！！

实现Acitvity之间跳转的方式有两种。

一、在AndroidManifest中定义。

1、现在res/values/styles.xml中加上一个style，如下

?
1
2
3
4
<style name="AppTheme" mce_bogus="1" parent="@android:style/Theme.Light">
        <item name="android:windowAnimationStyle">@style/default_animation</item>
        <item name="android:windowNoTitle">true</item>
</style>

<item name="android:windowNoTitle">true</item>这一句是要隐藏标题栏，因为动画的范围是包括标题栏的，这个可选。

<item name="android:windowAnimationStyle">@style/default_animation</item>作用就是指定一个动画文件。所以要在定义一个style（同样在res/values/styles.xml，也可以另外新建一个xml）

定义的style如下

 

?
1
2
3
4
5
6
7
<!-- 默认Activity跳转动画 -->
<style name="default_animation" mce_bogus="1" parent="@android:style/Animation.Activity">
    <item name="android:activityOpenEnterAnimation">@anim/default_anim_in</item>
    <item name="android:activityOpenExitAnimation">@anim/anim_stay</item>
    <item name="android:activityCloseEnterAnimation">@anim/anim_stay</item>
    <item name="android:activityCloseExitAnimation">@anim/default_anim_out</item>
</style>

然后就是在res/anim文件夹中定义对应的动画文件default_anim_in,anim_stay, default_anim_out。

 

4个item分别代表 

Activity A跳转到Activity B时Activity B进入动画;

Activity A跳转到Activity B时Activity A退出动画;

Activity B返回Activity A时Activity A的进入动画

Activity B返回Activity A时ActivityB的退出动画

最后一步就是在AndroidManifest中加上这些动画。

 

?
1
2
3
4
<application
   android:icon="@drawable/logo"
   android:label="@string/app_name"
   android:theme="@style/AppTheme" >

这样就可以了。在activity中定义的方法同aplication，在application中定义会作用在全部activity，如果在activity中也定义了一个动画的话就会覆盖application中定义的动画。

 

下面附送default_anim_in,anim_stay,default_anim_out三个动画文件（实现QQ的跳转动画——渐变切换）。

default_anim_in

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
 
    <scale
        android:duration="200"
        android:fromXScale="0.7"
        android:fromYScale="0.7"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1"
        android:toYScale="1" />
 
 
    <alpha
        android:duration="200"
        android:fromAlpha="0"
        android:toAlpha="1.0" />
 
 
</set>

 

 

default_anim_out

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
 
    <scale
        android:duration="200"
        android:fromXScale="1"
        android:fromYScale="1"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="0.7"
        android:toYScale="0.7" />
 
    <alpha
        android:duration="200"
        android:fromAlpha="1"
        android:toAlpha="0" />
 
</set>

 

anim_stay

?
1
2
3
4
5
6
7
8
9
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
    android:duration="500"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="0" />
</set>

二、代码中实现

要实现跳转动画同样可以在代码中哦跟实现。

Activity A跳转到Activity B，要在startActivity（intent）后面加上overridePendingTransition(R.anim.anim_in, R.anim.anim_out);

Activity B返回Activity A，要在finish()后面加上overridePendingTransition(R.anim.anim_in, R.anim.anim_out);

anim_in是进入的Activity的动画，anim_out是退出的Activity的动画。

 

第一个Activity控制类代码如下，大家主要看这个类，另外两个类，小马只贴下代码，没加注释，因为基本一样，只是改了下动画资源：

  1. package com.xiaoma.betweenactivityanimation; 
  2.  
  3. import android.app.Activity; 
  4. import android.content.Intent; 
  5. import android.os.Bundle; 
  6. import android.view.View; 
  7. import android.view.View.OnClickListener; 
  8.  
  9. /**   
  10. * @Title: BetweenActivityAnimationDemoActivity.java 
  11. * @Package com.xiaoma.betweenactivityanimation 
  12. * @Description: Activity之间跳转动画学习  如果怕动画太短看不清楚的， 
  13. * 可以把动画XML文件里面标签属性 during值设置的长些，吼吼 
  14. * @author XiaoMa 
  15. */ 
  16. public class BetweenActivityAnimationDemoActivity extends Activity implements 
  17.         OnClickListener { 
  18.     /** Called when the activity is first created. */ 
  19.     @Override 
  20.     public void onCreate(Bundle savedInstanceState) { 
  21.         super.onCreate(savedInstanceState); 
  22.         setContentView(R.layout.main); 
  23.         init(); 
  24.     } 
  25.  
  26.     private void init() { 
  27.         findViewById(R.id.button1).setOnClickListener(this); 
  28.     } 
  29.  
  30.     @Override 
  31.     public void onClick(View v) { 
  32.         if (v.getId() == R.id.button1) { 
  33.             Intent intent = new Intent(getApplicationContext(), 
  34.                     BetweenActivityAnimationDemoActivity2.class); 
  35.             startActivity(intent); 
  36.              
  37.             /** 
  38.              * 对下面这个方法的官方解释如下，版本从2.0后开始哦 
  39.              * Call immediately after one of the flavors of startActivity(Intent) or finish()  
  40.              * to specify an explicit transition animation to perform next. 
  41.              * 用工具查到解释为： 
  42.              *   在startActivity(Intent)或finish()之法之后调用后，会立即用一个指定的描述动画的XML文件来执行 
  43.              *   下一个Activity  
  44.              *  
  45.              * 下面两句是对这个方法两个参数的解释,在此之前小马也看了下别人讲的， 
  46.              * 其实是错的，看官方的解释肯定没错，不懂英语的用工具查下 
  47.              * 小马一直都说的，我英语很烂，我能查的你一定也能查得到 
  48.              * 1.enterAnim  A resource ID of the animation resource  
  49.              *              to use for the incoming activity. Use 0 for no animation. 
  50.              * 2.exitAnim   A resource ID of the animation resource  
  51.              *              to use for the outgoing activity. Use 0 for no animation. 
  52.              * 一：进入动画  一个动画资源，用于目标Activity 进入屏幕时的动画，此处写0代表无动画 
  53.              * 二：退出动画  一个动画资源，用于当前Activity 退出屏幕时的动画，此处写0代表无动画 
  54.              *  
  55.              * 这个目标、当前怎么理解？比如：startActivity( A（当前）--> B（目标）) 《finish()一样》 
  56.              * 下面参数中有一个为0，就表示A退出时无动画...一定把参数搞清楚，不然动画就搞晕了 
  57.              * overridePendingTransition(R.anim.zoom_enter, 0);   
  58.              * 方法两个参数与目标、当前Activity对应关系如效果下方绿色图所示 
  59.              */ 
  60.             overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit); 
  61.         } 
  62.     } 
  63.      
  64.     /** 列几个安卓自带的动画效果，大家可以把上面 overridePendingTransition参数改下看看效果 
  65.      *  实现淡入淡出的效果 
  66.         overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);     
  67.         overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out); 
  68.           
  69.         由左向右滑入的效果 
  70.         overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);     
  71.         overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right); 
  72.      */ 
  73. } 

第二个Activity代码如下：

  1. package com.xiaoma.betweenactivityanimation; 
  2.  
  3. import android.app.Activity; 
  4. import android.content.Intent; 
  5. import android.os.Bundle; 
  6. import android.view.View; 
  7. import android.view.View.OnClickListener; 
  8.  
  9. public class BetweenActivityAnimationDemoActivity2 extends Activity implements OnClickListener{ 
  10.     /** Called when the activity is first created. */ 
  11.     @Override 
  12.     public void onCreate(Bundle savedInstanceState) { 
  13.         super.onCreate(savedInstanceState); 
  14.         setContentView(R.layout.main2); 
  15.         init(); 
  16.     } 
  17.  
  18.     private void init(){ 
  19.         findViewById(R.id.button2).setOnClickListener(this); 
  20.     } 
  21.      
  22.     @Override 
  23.     public void onClick(View v) { 
  24.         if(v.getId() == R.id.button2){ 
  25.             Intent i = new Intent(getApplicationContext(),BetweenActivityAnimationDemoActivity3.class); 
  26.             startActivity(i); 
  27.             overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out); 
  28.         } 
  29.          
  30.     } 
  31. } 

第三个Activity代码如下：

  1. package com.xiaoma.betweenactivityanimation; 
  2.  
  3. import android.app.Activity; 
  4. import android.os.Bundle; 
  5. import android.view.View; 
  6. import android.view.View.OnClickListener; 
  7.  
  8. public class BetweenActivityAnimationDemoActivity3 extends Activity implements OnClickListener { 
  9.     @Override 
  10.     public void onCreate(Bundle savedInstanceState) { 
  11.         super.onCreate(savedInstanceState); 
  12.         setContentView(R.layout.main3); 
  13.         init(); 
  14.     } 
  15.      
  16.     private void init(){ 
  17.         findViewById(R.id.button3).setOnClickListener(this); 
  18.     } 
  19.  
  20.     @Override 
  21.     public void onClick(View v) { 
  22.         if(v.getId() == R.id.button3) 
  23.         { 
  24.             finish(); 
  25.             //如果这个地方不想用自己的，可以直接调安卓提供的动画，如下： 
  26.             overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out); 
  27.              
  28.             //安卓自带的动画哦，看效果就知道了 
  29.             //overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out); 
  30.              
  31.         } 
  32.          
  33.     } 
  34.      
  35. } 

下面贴下小马在上面效果中用到的动画代码：

 

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <!-- zoom_exit,即类似iphone的进入效果 --> 
  3. <set xmlns:android="http://schemas.android.com/apk/res/android" 
  4.         android:interpolator="@android:anim/decelerate_interpolator" 
  5.         android:zAdjustment="top"> 
  6.     <scale android:fromXScale="1.0" android:toXScale=".5" 
  7.            android:fromYScale="1.0" android:toYScale=".5" 
  8.            android:pivotX="50%p" android:pivotY="50%p" 
  9.            android:duration="3000" /> 
  10.     <alpha android:fromAlpha="1.0" android:toAlpha="0" 
  11.             android:duration="1000"/> 
  12. </set> 
  13.  
  14. <!-- 实现zoom_enter即类似iphone退出时的效果 --> 
  15. <?xml version="1.0" encoding="utf-8"?> 
  16. <set xmlns:android="http://schemas.android.com/apk/res/android" 
  17.         android:interpolator="@android:anim/decelerate_interpolator"> 
  18.     <scale android:fromXScale="2.0" android:toXScale="1.0" 
  19.            android:fromYScale="2.0" android:toYScale="1.0" 
  20.            android:pivotX="50%p" android:pivotY="50%p" 
  21.            android:duration="1000" 
  22.            /> 
  23. </set> 
  24.  
  25. <!-- hyperspace_in 浮动式动画 --> 
  26. <?xml version="1.0" encoding="utf-8"?> 
  27. <alpha xmlns:android="http://schemas.android.com/apk/res/android" 
  28.     android:duration="300" 
  29.     android:fromAlpha="0.0" 
  30.     android:startOffset="1200" 
  31.     android:toAlpha="1.0" /> 
  32.  
  33.     <!--hyperspace_out 浮动式动画 --> 
  34.     <?xml version="1.0" encoding="utf-8"?> 
  35. <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">   
  36.     <scale    
  37.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"   
  38.         android:fromXScale="1.0"    
  39.         android:toXScale="1.4"    
  40.         android:fromYScale="1.0"    
  41.         android:toYScale="0.6"    
  42.         android:pivotX="50%"   
  43.         android:pivotY="50%"   
  44.         android:fillAfter="false"   
  45.         android:duration="700" />   
  46.     <set    
  47.         android:interpolator="@android:anim/accelerate_interpolator"   
  48.                 android:startOffset="700">   
  49.            
  50.         <scale   
  51.             android:fromXScale="1.4"    
  52.             android:toXScale="0.0"   
  53.                 android:fromYScale="0.6"   
  54.             android:toYScale="0.0"    
  55.             android:pivotX="50%"    
  56.             android:pivotY="50%"    
  57.             android:duration="400" />   
  58.            
  59.         <rotate    
  60.             android:fromDegrees="0"    
  61.             android:toDegrees="-45"   
  62.             android:toYScale="0.0"    
  63.             android:pivotX="50%"    
  64.             android:pivotY="50%"   
  65.             android:duration="400" />   
  66.     </set>   
  67. </set>  
  68.  
  69. <!-- push_up_in 上下滑入式 --> 
  70. <?xml version="1.0" encoding="utf-8"?> 
  71. <set xmlns:android="http://schemas.android.com/apk/res/android" > 
  72.  
  73.     <translate 
  74.         android:duration="300" 
  75.         android:fromYDelta="100%p" 
  76.         android:toYDelta="0" /> 
  77.  
  78.     <alpha 
  79.         android:duration="300" 
  80.         android:fromAlpha="0.0" 
  81.         android:toAlpha="1.0" /> 
  82.  
  83. </set> 
  84.  
  85. <!-- push_up_out 上下滑入式 --> 
  86. <?xml version="1.0" encoding="utf-8"?> 
  87. <set xmlns:android="http://schemas.android.com/apk/res/android" > 
  88.  
  89.     <translate 
  90.         android:duration="300" 
  91.         android:fromYDelta="0" 
  92.         android:toYDelta="-100%p" /> 
  93.  
  94.     <alpha 
  95.         android:duration="300" 
  96.         android:fromAlpha="1.0" 
  97.         android:toAlpha="0.0" /> 
  98.  
  99. </set> 

 

 

分享到：
| NotificationManager和Notification的使用 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics