文档章节

android动画入门

abcijkxyz
 abcijkxyz
发布于 2016/07/30 17:24
字数 1093
阅读 1
收藏 0
    android动画有四种:Frame(逐帧)动画,Tween(补间)动画,Layout(布局)动画,Property(属性)动画。Frame动画跟放电影一样,依次播放静态图片。补间动画就是开发只需要指定开始,结束的关键帧,而动画变化的“中间帧”由系统计算并补齐。布局动画是在每次布局发生变化的时候系统调用的一个预加载动画效果,使用layout动画可以让布局的变化过度看起来更自然(不常使用)。属性动画,这个是在Android 3.0中才引进的,它可以直接更改我们对象的属性。本文只介绍前面两种,后面两种以后再写博文单独介绍。
    逐帧动画
    定义如下(在anim目录下定义一个xml文件):
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/flower1" android:duration="1000"/>
    <item android:drawable="@drawable/flower2" android:duration="1000" />
</animation-list>

    android:oneshot控制动画是否重复播放,如果为true就不重复。    

具体用法如下:    

1、在xml布局中设置ImageView的背景为动画(anim/xx.xml) 或者用代码:myView.setBackgroundResource(+R.anim.xx);(注意R前面的"+"号,如果没有可能会报错)    

2.AnimationDrawable anima = (AnimationDrawable)imageView.getBackground();    

3.anima.start(); //stop()是停止    

补间动画    

android使用Animation抽象类来定义动画,他有下面几个子类:TranslateAnimation AlphaAnimation  RotateAnimation ScaleAnimation。    只要为补间动画定义了三个必要的信息,android就会根据开始帧,结束帧,持续时间计算出中间还需要补入多少帧,并计算所有补入帧的图形。为了计算动画期间需要补入多少帧以及具体什么时间补帧,android引入了Interpolator配合补间动画,用来控制动画速度,这样就可以使动画以匀速,变速,抛物线速度等速度进行展示。    

Interpolator是一个接口,常见的有如下几个实现类,分别实现不同的动画变换速度。    AccelerateInterpolator :开始较慢,后面加速。    AccelerateDecelerateInterpolator ;开始和结束较慢,中间加速。    CycleInterpolator  :变换速度按正玄曲线。    DecelerateInterpolator 开始较快,然后开始减速。    LinearInterpolator :动画匀速变换。    一般都会使用资源文件来定义补间动画,这些定义可以写在资源文件中的android:interpolator属性里面,就像下面这样:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator">
    <scale android:fromXScale="1.0"
        android:toXScale="0.01"
        android:fromYScale="1.0"
        android:toYScale="0.01"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="true"
        android:duration="3000" />
    <alpha android:fromAlpha="1.0"
        android:toAlpha="0.05"
        android:duration="3000" />

    <rotate android:fromDegrees="0"
        android:toDegrees="1800"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="3000" />
</set>
    补间动画的大致用法如下:
    1、在资源文件中定义补间动画;

    2、加载动画 Animation anim = AnimationUtils.loadAnimation(this, R.anim.xxx);

    animation.setFillAfter(true);

    或者在代码里面写: 

    TranslateAnimation anim = new TranslateAnimation(curX,nextX,curY,nextY);

    anim.setDuration(time);
    3、开启动画 imgview.startAnimation(anim);

    自定义补间动画
    自定义补间动画可以实现3D的效果,需要继承Animation并重写applyTransformation(float interpolatedTime, Transformation t)方法,这个两个参数说明如下:
    interpolatedTime:代表了动画的时间进行比,值的范围是0~1.
    Transformation:代表不同时刻对动画的变形程度,里面包装了Matrix(用getMatrix()即可得到),因此可以进行旋转,缩放,移动等操作。
    为了对图像或视图进行三维空间变换还需要使用到Camera类,作用类似于Matrix,但更加强大,其提供了如下常用的方法:
    save():
    restore():
    getMatrix(Matrix matrix):将Camera所做的变换应用到matrix上
    camera.translate(float x, float y, float z):在三维空间进行位移变换
    rotateX(float deg):沿着x轴旋转
    rotateY(float deg):
    rotateZ(float deg):
    applyToCanvas(Canvas canvas):将Camera所做的变换应用到canvas上
    android三维坐标系统如下图:

实现自定义补间动画的关键调用如下:
1、在继承Animation的类中
public MyAnimation(int x,int y,int d)
    {
        cX =x;
        cY = y;
        duration = d;
    }
    @Override
    public void initialize(int width, int height, int parentWidth, int parentHeight) {
        super.initialize(width, height, parentWidth, parentHeight);
        setDuration(duration);
        setFillAfter(true); //设置动画结束后效果保留
        setInterpolator(new LinearInterpolator());
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        super.applyTransformation(interpolatedTime, t);
        camera.save();
        camera.translate(100 - 100 * interpolatedTime, 150 * interpolatedTime - 150, 80 - 80 * interpolatedTime);
        camera.rotateX(720 * interpolatedTime);
        camera.rotateZ(720 * interpolatedTime);
        Matrix matrix = t.getMatrix();
        camera.getMatrix(matrix);
        matrix.preTranslate(-cX, -cY);
        matrix.postTranslate(cX, cY);        
        camera.restore();
    }
2、在MainActivity中启动该动画即可
listView.setAnimation(new MyAnimation(screenWidth / 2, screenHeight / 2, 7000));

本文转载自:http://blog.csdn.net/wdong_love_cl/article/details/51385628

共有 人打赏支持
abcijkxyz
粉丝 63
博文 6196
码字总数 1876
作品 0
深圳
项目经理
私信 提问
Android的Activity屏幕切换动画(一)-左右滑动切换

这段时间一直在忙Android的项目,总算抽出点时间休息一下,准备把一些项目用到的Android经验分享一下。 在Android开发过程中,经常会碰到Activity之间的切换效果的问题,下面介绍一下如何实现...

Binny
2011/12/15
148.8K
28
安卓巴士Android开发神贴整理

一个demo让你掌握Android的各种Service: http://www.apkbus.com/android-19645-1-1.html android开发教程专题 http://dev.apkbus.com/ Android 动画效果专题研究: http://www.apkbus.com/......

长平狐
2012/09/03
107
0
Android 学习小结

Android 学习已有一年半有余,先后做过两款游戏、三款应用和搭建一台服务端,也了解过一些Android相关的源码(JDK、SDK和NDK) 后来想学深入点,搞过两款开源项目(LGame 和 AChartEngine),...

长平狐
2013/01/06
165
0
【Android】Android动画入门Animation 、AnimationUtils

本讲内容:Android 动画入门指南 1、补间动画 2、逐帧动画 Android中动画的实现分两种方式,一种方式是补间动画 Teen Animation,就是说你定义一个开始和结束,中间的部分由程序运算得到。另...

晨曦之光
2012/03/01
524
1
一个老鸟发的公司内部整理的 Android 学习路线图

一个老鸟发的公司内部整理的 Android 学习路线图 jixiaohua发了一篇。另一份 Android 开发学习路线图。可惜不是MarkDown格式的,所以jixiaohua直接上传的截图,在jixiaohua的呼吁下,我花了些...

2eggs
2018/08/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周五乱弹 —— 姑娘馋的口水都留下来了。

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @且无需多言 :分享Fall Out Boy的单曲《Disloyal Order Of Water Buffaloes》 《Disloyal Order Of Water Buffaloes》- Fall Out Boy 手机党...

小小编辑
41分钟前
11
5
vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
今天
2
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
9
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部