Android动画学习

个人觉得学习Android动画最好的方式就是看开发者文档,所以我就当做翻译,将文章翻译一次吧

Animation Resources

动画资源可以用来定义两种类型的动画

Tween 动画

     创建一种将图片上进行一系列变化的动画(参考Animation类)

Frame 动画

     创建一种按照顺序显示一系列图片的动画(参考Animation类)

Tween 动画

在XML文件中进行定义,并实现像旋转、渐变、平移、拉伸

          动画XML文件存放位置:

    res/anim/filename.xml

    filename就是文件的名称,名称将被用于标示该动画资源

    

    资源引用方式:

In Java: R.anim.filename
In XML: @[package:]anim/filename

    例子:

    

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@[package:]anim/interpolator_resource"
    android:shareInterpolator=["true" | "false"] >
    <alpha
        android:fromAlpha="float"
        android:toAlpha="float" />
    <scale
        android:fromXScale="float"
        android:toXScale="float"
        android:fromYScale="float"
        android:toYScale="float"
        android:pivotX="float"
        android:pivotY="float" />
    <translate
        android:fromX="float"
        android:toX="float"
        android:fromY="float"
        android:toY="float" />
    <rotate
        android:fromDegrees="float"
        android:toDegrees="float"
        android:pivotX="float"
        android:pivotY="float" />
    <set>
        ...
    </set>
</set>

     注:文件必须只有一个根元素,并且根元素必须是<alpha><scale><translate><rotate>或者<set>包含其他元素的集

节点说明:

  <set>  代表一个可以包含有其他动画标签的集合(<alpha><scale><translate><rotate>或者是<set>集合

         属性: 

 android:interpolator:定义动画的变化率,参考Interpolator 类

   android:shareInterpolator true代表你想让所有的子元素拥有同一样的变化率

  <alpha> (渐变)一种渐进或者渐出的动画,参考 AlphaAnimation.

属性: 

android:fromAlpha :float类型,开始不透明的程度0.0表示透明,1.0表示不透明

android:toAlpha : float类型,开始不透明的程度0.0表示透明,1.0表示不透明

获取更多<alpha>支持的属性,请参考 Animation class


<scale> (缩放)一种恢复要求尺寸的动画,你可以确定一张图片的中心,然后围绕这个中心,以你的定义的pivotX和pivotY向外扩大,比如pivotX和pivot Y的 值是(0,0)(即屏幕顶部的左上角),那么变化将会从下到右,参考ScaleAnimation.

属性:

android:fromXScale:float类型,x开始的偏移大小,1.0表示没有改变

android:toXScale: float类型,x结束的偏移大小,1.0表示没有改变

android:fromYScale:float类型,y开始的偏移大小,1.0表示没有改变

android:toYScale: float类型,y结束的偏移大小,1.0表示没有改变

android:pivotX: float类型,当对象被缩放时候,X的修复值(个人不是很理解)

android:pivotX: float类型,当对象被缩放时候,Y的修复值

更多详情请参考 Animation class 


  <translate> (平移)一种竖直或者水平的移动动画,支持以下三种中任意一种:A.-100%-100%  B.-100%p-100%p(相对于父元素) C.一个float类型的数 ,参              考TranslateAnimation.类

        属性:

android:fromXDelta:float类型或者百分比,X的开始偏移,例子写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p

android:toXDelta: float类型或者百分比,X的结束偏移,例子写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p

android:fromYDelta:float类型或者百分比,Y的开始偏移,例子写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p

android:toYDelta: float类型或者百分比,Y的结束偏移,例子写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p


<rotate> (旋转)

属性:

android:fromDegrees:float类型,开始角度位置

android:toDegrees: float类型,结束角度位置

  android:pivotX: 写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p

  android:pivotY: 写法:5,或者相对自身的宽度比5%,或者相对于父元素的百分比5%p

例子:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <scale
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0" 
        android:toXScale="1.4" 
        android:fromYScale="1.0" 
        android:toYScale="0.6" 
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="false"
        android:duration="700" />
    <set
        android:interpolator="@android:anim/accelerate_interpolator"
        android:startOffset="700">
        <scale
            android:fromXScale="1.4" 
            android:toXScale="0.0"
            android:fromYScale="0.6"
            android:toYScale="0.0" 
            android:pivotX="50%" 
            android:pivotY="50%" 
            android:duration="400" />
        <rotate
            android:fromDegrees="0" 
            android:toDegrees="-45"
            android:toYScale="0.0" 
            android:pivotX="50%" 
            android:pivotY="50%"
            android:duration="400" />
    </set>
</set>

ImageView image = (ImageView) findViewById(R.id.image);
Animation hyperspaceJump = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
image.startAnimation(hyperspaceJump)


关于

Interpolators

我就直接引用了 http://blog.csdn.net/jason0539/article/details/16370405


Frame Animation

创建一种按照顺序显示一系列图片的动画(就像放电影一样)

动画XML文件存放位置:

   res/drawable/filename.xml 

   filename就是文件的名称,名称将被用于标示该动画资源

    

   资源引用方式:

   In Java: R.drawable.filename
     In XML: @[package:]drawable.filename

      例子:

      

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot=["true" | "false"] >
    <item
        android:drawable="@[package:]drawable/drawable_resource_name"
        android:duration="integer" />
</animation-list>

     元素:

     <animation-list> 必须是根元素,并且包含一个或者多个item元素

      属性:

      android:oneshot:true表示只播放一次,false表示循环播放

      

  <item> 一个动画,必须是 <animation-list>的孩子节点

               属性:

               android:drawable:用作这个frame动画的图片资源

       android:duration:播放的间隔,毫秒计算

    例子:

<?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/rocket_thrust1" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.rocket_thrust);

rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
rocketAnimation.start();


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值