文档章节

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

Jamsm
 Jamsm
发布于 2016/02/03 17:17
字数 782
阅读 61
收藏 6

动画类型

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 淡出效果


[cpp] view plaincopy

  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 淡入效果

[cpp] view plaincopy

  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 缩放效果: 

[cpp] view plaincopy

  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的座标 -->  


本文转载自:http://blog.csdn.net/sun6255028/article/details/6735025

Jamsm
粉丝 6
博文 75
码字总数 10707
作品 0
南京
私信 提问
[Android] Android Tweened Animations动画使用详解二

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

枫兮兮
2014/02/11
0
0
Android Animations动画使用详解

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

长平狐
2013/01/06
71
0
Android动画开发——Animation动画效果

动画类型 Android的animation由四种类型组成 XML中 JavaCode中 Android动画模式 Animation主要有两种动画模式: 一种是tweened animation(渐变动画) 一种是frame by frame(画面转换动画) 如何...

元来元去
2012/03/19
0
0
常见的四种Animation详解(深入可以制作效果动画)

anim.xml 放入res文件中自己创建,4种常用的动画效果,每个加入了注释 <?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <!-- T......

子曰疯
2013/11/21
0
1
android animation

动画效果编程基础--AnimationAndroid 动画类型 Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate...

caikezhan
2012/04/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何远程调试部署在CloudFoundry平台上的nodejs应用

网络上关于如何本地调试nodejs应用的教程已经很多了,工具有Chrome开发者工具,Visual Studio Code,和nodejs周边的一些小工具等等。 在实际情况中,我们可能遇到本地运行良好,但是部署到C...

JerryWang_SAP
36分钟前
5
0
微信扫码访问网站调用默认浏览器打开如何实现?

我们在微信内分享链接或二维码的时候,我们会发现我们的网站是可以在浏览器里正常打开的,但就是不能在微信里打开,提示 “ 已停止访问该网页 ”,无论是聊天框也一样。说是系统检测到您的网...

明尼苏达哈士奇
44分钟前
3
0
一份Java程序员进阶架构师的秘籍,你离架构师还差多远

一、如何定义架构师 Java架构师,首先要是一个Java程序员,熟练使用各种框架,并知道它们实现的原理。jvm虚拟机原理、调优,懂得jvm能让你写出性能更好的代码;池技术,什么对象池,怎么解决并...

我最喜欢三大框架
52分钟前
2
0
想说再见不容易,win7最新市占率依然超36%

微软正在通过努力让Windows 7用户升级至Windows 10,不过从目前的市占率来看,他们还是要加把劲了。 据最新的市场份额看,Windows 10在本月的市场份额有所提升,从43.62%增长到44.10%。另一...

linuxCool
今天
6
0
SQL的优化

对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。 对查询进行优化,要尽量避免全表扫描,首先应考虑在进行条件判断的字段上创建了索引。 应尽量避...

咸鱼-李y
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部