您的位置:首页 > 产品设计 > UI/UE

Android使用XML做动画UI

2014-01-15 00:52 225 查看

http://www.cnblogs.com/andgoo/p/3182916.html

在Android应用程序,使用动画效果,能带给用户更好的感觉。做动画可以通过XML或Android代码。

本教程中,介绍使用XML来做动画。在这里,介绍基本的动画,如淡入,淡出,旋转等。

效果: http://www.56.com/u82/v_OTM4MDk5MTk.html

第一步: 创建anim文件夹放置动画xml文件

在res文件夹下,创建一个anim的子文件夹。



第二步: 加载动画

接着在Activity创建一个Animation类,然后使用AnimationUtils类加载动画xml

  

第三步: 设置动画监听器

如果你要监听动画的事件,如开始,结束等,你需要实现AnimationListener监听器,重写以下方法。

onAnimationEnd(Animation animation) - 当动画结束时调用

onAnimationRepeat(Animation animation) - 当动画重复时调用

onAniamtionStart(Animation animation) - 当动画启动时调用

  

最后一步: 让动画动起来啦。可以使用任何UI元素调用startAnimation方法。

以下是一个Textview元素调用的。

txtMessage.startAnimation(animFadein);

完整代码:

  

一些重要的XML属性

重要的XML动画属性

android:duration 动画持续时间,时间以毫秒为单位

android:startOffset 动画之间的时间间隔,从上次动画停多少时间开始执行下个动画

android:interpolator 指定一个动画的插入器

android:fillAfter 当设置为true ,该动画转化在动画结束后被应用

android:repeatMode 定义重复的行为

android:repeatCount 动画的重复次数

以下是一些基本的动画XML.


Fade In: 淡入

alpha是渐变透明度效果,值由0到1


Fade Out : 淡出

以Fade In刚好相反,值由1到0.

 


Cross Fading: 交叉的淡入和淡出

同时使用Fade in和Fade out可以达到交叉的效果


BLink: 若隐若现,酷


 Zoom In : 放大


Zoom Out: 缩小

 


Rotate: 旋转

还有几个就不再列出,有兴趣下源码看。
http://pan.baidu.com/share/link?shareid=2682864564&uk=1863281063
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: