zoukankan      html  css  js  c++  java
  • 转 Android Activity之间动画完整版详解

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://mzh3344258.blog.51cto.com/1823534/807337

         大家可能遇到过跟小马一样的问题,就是在项目中不给Activity添加动画感觉好烂,特此,小马找个时间学习下Activity跳转时添加动画,网上资料一堆,但有些讲的是错的,而且只有文字没有效果,不如自己来,顺带试下什么效果,这个工程里面小马收集了一些常用的动画文件在工程目录anim下(我都加了注释,大家可以直接用),至于动画标签里面的属性大家可以参考如下路径的官方文档:太全了,有些还可以直接使用的...安 卓伟滴太大了....developers/Dev Guide/Application Resources/Resources Type/Animation 风格一如既往,先看效果 ,再看代码,大家看类短,但一定仔细读下小马注释部分,读完了我保证你肯定不会晕Activity之间的动画了,小马先讲下,今天的测试主要是三个Activity,详细结构大家直接看工程结构图就明白了,看效果(工具做的GIF有点失真,但真机上绝对流畅):

     效果一:

     效果二:

     效果三:

     工程结构图:

        解释注释中Activity与overridePendingTransition(a,b)当前与目标对应关系图

         第一个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.      */ 

    第二个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.     } 

    第三个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.      

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

    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

         最后,老样子,吼吼,源码小马直接放附件里面了,有需要使用的朋友可以自已下载下,交流学习,有解释不清楚的地方,还请批评指出,小马改进....谢谢!加油,一定要努力!

    本文出自 “酷_莫名简单、KNothing” 博客,请务必保留此出处http://mzh3344258.blog.51cto.com/1823534/807337

         
    附件下载:
      小DEMO源码
  • 相关阅读:
    机器人能都返回原点
    解码字母
    学习W3C
    字符重排
    字符串相加
    ARC107F Sum of Abs
    6830. 【2020.10.25提高组模拟】排列
    6828. 【2020.10.25提高组模拟】幂
    CF1434D Roads and Ramen
    2020 计蒜之道 线上决赛 C 攀登山峰
  • 原文地址:https://www.cnblogs.com/xgjblog/p/3885050.html
Copyright © 2011-2022 走看看