`

Android动画效果translate、scale、alpha、rotate详解

 
阅读更多

来自:http://blog.csdn.net/sun6255028/article/details/6735025

动画类型

Androidanimation由四种类型组成

XML

alpha 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动动画效果
rotate 画面转移旋转动画效果



JavaCode

AlphaAnimation 渐变透明度动画效果
ScaleAnimation 渐变尺寸伸缩动画效果
TranslateAnimation 画面转换位置移动动画效果
RotateAnimation 画面转移旋转动画效果


Android动画模式

Animation主要有两种动画模式

一种是tweened animation(渐变动画)

XML JavaCode
alpha AlphaAnimation
scale ScaleAnimation



一种是frame by frame(画面转换动画)

 

XML中 JavaCode
translate TranslateAnimation
rotate RotateAnimation

 

 

Android动画解析

alpha xml 淡出效果

 

 

  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">   
  3. <alpha   
  4.     android:fromAlpha="1.0"    
  5.     android:toAlpha="0.0"    
  6.     android:duration="500"  />   
  7. </set>   
  8. <!--    
  9.     fromAlpha:开始时透明度   
  10.     toAlpha: 结束时透明度   
  11.     duration:动画持续时间 -->  

 

 

alpha xml 淡入效果

 

  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">   
  3. <alpha   
  4.     android:fromAlpha="0.0"    
  5.     android:toAlpha="1.0"    
  6.     android:duration="500"  />   
  7. </set>   
  8. <!--    
  9.     fromAlpha:开始时透明度   
  10.     toAlpha: 结束时透明度   
  11.     duration:动画持续时间 -->  



 

rotate.xml 旋转效果: 

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <rotate                                        
  4.     android:interpolator="@android:anim/accelerate_decelerate_interpolator"   
  5.     android:fromDegrees="300"   
  6.     android:toDegrees="-360"   
  7.     android:pivotX="10%"   
  8.     android:pivotY="100%"   
  9.     android:duration="10000" />   
  10. </set>   
  11. <!--    
  12.   fromDegrees   动画开始时的角度   
  13.   toDegrees     动画结束时物件的旋转角度,正代表顺时针     
  14.   pivotX    属性为动画相对于物件的X坐标的开始位置  
  15.   pivotY    属性为动画相对于物件的Y坐标的开始位置    -->   



scale.xml 缩放效果: 

 

  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">   
  3. <scale     
  4.     android:interpolator= "@android:anim/decelerate_interpolator"         
  5.     android:fromXScale="0.0"     
  6.     android:toXScale="1.5"     
  7.     android:fromYScale="0.0"     
  8.     android:toYScale="1.5"     
  9.     android:pivotX="50%"     
  10.     android:pivotY="50%"     
  11.     android:startOffset="0"     
  12.     android:duration="10000"    
  13.     android:repeatCount="1"     
  14.     android:repeatMode="reverse"  />   
  15. </set>   
  16.   
  17. <!--    
  18. fromXDelta,fromYDelta       起始时X,Y座标,屏幕右下角的座标是X:320,Y:480   
  19. toXDelta, toYDelta      动画结束时X,Y的座标 --> <!--    
  20. interpolator                    指定动画插入器  
  21. 常见的有加速减速插入器         accelerate_decelerate_interpolator  
  22. 加速插入器               accelerate_interpolator,  
  23. 减速插入器               decelerate_interpolator。   
  24. fromXScale,fromYScale,         动画开始前X,Y的缩放,0.0为不显示,  1.0为正常大小  
  25. toXScale,toYScale,          动画最终缩放的倍数, 1.0为正常大小,大于1.0放大  
  26. pivotX,  pivotY         动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始   
  27. startOffset,                动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间,  
  28.                     单位毫秒 duration,一次动画效果消耗的时间,单位毫秒,  
  29.                     值越小动画速度越快 repeatCount,动画重复的计数,动画将会执行该值+1次   
  30.                     repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。  
  31.                     restart为重新执行,方向不变 -->  



 



translate.xml 移动效果: 

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3. <translate   
  4.     android:fromXDelta="320"   
  5.     android:toXDelta="0"   
  6.     android:fromYDelta="480"   
  7.     android:toYDelta="0"   
  8.     android:duration="10000" />   
  9. </set>   
  10. <!--    
  11. fromXDelta,fromYDelta   起始时X,Y座标,屏幕右下角的座标是X:320,Y:480   
  12. toXDelta, toYDelta     动画结束时X,Y的座标 -->   
分享到:
评论

相关推荐

    详谈Android动画效果translate、scale、alpha、rotate

    动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 ...scale 渐变尺寸伸缩动画效果 ...translate 画面转换位置移动动画效果...Android动画模式 Animation主要有两种动画模式: 一种是tweened

    Animation 动画详解——alpha、scale、translate、rotate、set的xml属性及用法

    本文将深入探讨`Animation`类的五个基本类型:alpha、scale、translate、rotate以及set,并详细解析它们的XML属性及其使用方法。 **1. Alpha动画(透明度变化)** Alpha动画主要用于改变View的透明度。在XML中,`...

    对应源码

    博客《Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法》对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/39996643

    Android动画效果编程基础

    ### Android动画效果编程基础 #### 一、Android动画概述 Android平台提供了丰富的动画支持机制,使得开发者能够轻松地实现各种视觉效果,提升用户体验。在Android中,动画主要分为两大类:**逐帧动画(Frame-by-...

    <Animation动画详解(三)—— 代码生成alpha、scale、translate、rotate、set及插值器动画>对应源码

    博客动画详解(三)—— 代码生成alpha、scale、translate、rotate、set及插值器动画&gt;对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/40117115

    Android开发之Animations动画用法实例详解

    Android的animation由四种类型组成:alpha、scale、translate、rotate XML配置文件中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate...

    Android_动画效果

    ### Android 动画效果详解 #### 一、概述 Android平台提供了丰富的动画支持来增强用户界面的交互体验。本文档将详细介绍Android中的动画效果,并深入探讨两种主要的动画模式:渐变动画(Tweened Animation)与画面...

    Android的动画Animation详解

    4. **Rotate动画**:通过旋转视图来实现动画效果。 Tween动画的优点在于它们不会增加内存负担,因为这些动画是由系统自动处理的,无需开发者手动绘制每一帧。 #### 五、Frame-by-frame动画(逐帧动画) Frame-by-...

    一个类似于android启动界面的动画效果

    这里可能用到了其中一种或多种,比如视图动画中的Alpha、Translate、Scale或Rotate。 2. **自定义视图**:MaskedTextViewPro可能是一个自定义控件,通过继承TextView并重写其方法,实现特定的动画逻辑。 3. **XML...

    Android Animations动画使用详解

    通过本文介绍的Alpha、Scale、Translate和Rotate动画,开发者可以根据具体需求选择合适的动画类型,并通过XML配置文件或Java代码灵活地实现所需效果。希望本文能够帮助您更好地理解和应用Android动画技术。

    渐变动画详解

    渐变动画是Android平台上实现动态视觉效果的一种重要技术,它主要分为四种类型:Alpha动画、Scale动画、Translate动画和Rotate动画。这些动画都是基于补间(tweening)原理,即通过平滑地改变对象的属性来创建动画...

    android 动画分类代码详解

    Android 提供了四种类型的渐变动画:Alpha(透明度动画)、Scale(缩放动画)、Rotate(旋转动画)以及 Translate(移动动画)。 ##### 1. Alpha 淡入淡出动画 AlphaAnimation 类用于实现视图透明度的变化,从而...

    android tween动画代码示例及详解

    在Android开发中,动画是提升用户体验的关键因素之一。Tween动画,又称补间动画,是Android提供的基础动画系统...通过实践和调试这些代码,你可以掌握Android动画系统的核心概念,从而在开发中创造出更丰富的视觉效果。

    Android动画

    Android还提供了其他动画类型,如Tween动画(Translate、Scale、Rotate、Alpha)和属性动画(Property Animation API),这些可以实现更复杂的交互和视觉效果。同时,Android Studio的动画工具可以帮助开发者直观地...

    android 动画效果

    ### Android 动画效果 #### 一、动画概述与分类 Android系统提供了丰富的动画功能,这些功能可以帮助开发者创建出各种视觉效果,提升用户体验。根据不同的实现方式和效果,Android动画可以分为两大类: 1. **渐变...

    android 动画基础

    ### Android动画基础详解 #### 一、Android动画概述 Android平台提供了丰富的动画支持,使得开发者可以轻松地为应用添加各种动态效果。动画不仅能够提升用户体验,还能让界面变得更加生动有趣。根据实现方式的不同...

    Animation动画详解 - v1.0

    • 1、《Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法》 • 2、《Animation动画详解(二)——Interpolator插值器》 • 3、《Animation动画详解(三)—— 代码生成alpha、...

    android资源文件详解

    anim文件夹用于存放动画资源,分为两种类型:一种是补间动画(tweened animation),它可以通过改变XML文件中的属性来实现图片的透明度(alpha)、缩放(scale)、平移(translate)和旋转(rotate)四种变化,还...

Global site tag (gtag.js) - Google Analytics