Android动画

最新推荐文章于 2018-09-16 10:06:15 发布

转载最新推荐文章于 2018-09-16 10:06:15 发布 · 901 阅读

文章标签：

#android #animation #float #encoding #layout #xml

Android 专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了Android中的动画类型，包括透明度、尺寸伸缩、位置移动和旋转等动画效果，并提供了XML配置与Java代码实现的示例。

转自： http://blog.youkuaiyun.com/muyu114/article/details/6341195

动画类型

Android的 animation 由四种类型组成

XML 中

alpha
渐变透明度动画效果

scale
渐变尺寸伸缩动画效果

translate
画面转换位置移动动画效果

rotate
画面转移旋转动画效果

Java Code中

AlphaAnimation
渐变透明度动画效果

ScaleAnimation
渐变尺寸伸缩动画效果

TranslateAnimation
画面转换位置移动动画效果

RotateAnimation
画面转移旋转动画效果

Android动画模式

Animation主要有两种动画模式：

一种是tweened animation( 渐变动画 )

XML中
JavaCode

alpha
AlphaAnimation

scale
ScaleAnimation

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

XML中
JavaCode

translate
TranslateAnimation

rotate
RotateAnimation

如何在XML 文件中定义动画

①　打开Eclipse ，新建 Android 工程
②　在res 目录中新建 anim 文件夹
③　在anim 目录中新建一个 myanim.xml( 注意文件名小写 )
④　加入XML 的动画代码

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android ="http://schemas.android.com/apk/res/android">
<alpha/>
<scale/>
<translate/>
<rotate/>
</set>
复制代码

Android动画解析 --XML

<alpha>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="3000"
/>

</set>
复制代码

<scale>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <scale
          android:interpolator=
                     "@android:anim/accelerate_decelerate_interpolator"
          android:fromXScale="0.0"
          android:toXScale="1.4"
          android:fromYScale="0.0"
          android:toYScale="1.4"
          android:pivotX="50%"
          android:pivotY="50%"
          android:fillAfter="false"
          android:duration="700" />
</set>

复制代码

<translate>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="30" //元素从30px（如果原先不在此位置，就快速放置到该位置）的位置经过2000毫秒移动到-80px；即形成从右向左的运动
android:toXDelta="-80"
android:fromYDelta="30"
android:toYDelta="300"
android:duration="2000"
/>

</set>

辨析：100%与100%p

The % suffix always means a percentage of the base size; the optional %p suffix provides a size relative to some parent container.

有如下XML代码：

<LinearLayout
android:layout_width="450px"
android:layout_height="wrap_content"
android:background="#0000ff"
>
<LinearLayout
android:layout_width="300px"
android:layout_height="wrap_content"
android:background="#ff0000"
>
<ViewAnimator android:id="@+id/anim" android:layout_width="100px"

android:layout_height="wrap_content" android:background="#00ff00">
<ImageView
android:id="@+id/img" android:layout_height="wrap_content" android:layout_width="wrap_content"

android:src="@drawable/icon"
></ImageView>
</ViewAnimator>
</LinearLayout>

其中：100%表示ViewAnimator这个View的宽度，100%p表示第二个LinearLayout（最近的LinearLayout）的宽度，即100%=100px,100%p=300px

<rotate>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromDegrees="0"
        android:toDegrees="+350"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="3000" />

</set>
复制代码

如何使用XML 中的动画效果

public static Animation loadAnimation (Context context, int id)
//第一个参数Context为程序的上下文
//第二个参数id为动画XML文件的引用
//例子：
myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action);
//使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件
复制代码

如何在Java 代码中定义动画

//在代码中定义动画实例对象
private Animation myAnimation_Alpha;
private Animation myAnimation_Scale;
private Animation myAnimation_Translate;
private Animation myAnimation_Rotate;

    //根据各自的构造方法来初始化一个实例对象
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);

myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
             Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);

myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
               Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
复制代码

Android动画解析 --JavaCode

AlphaAnimation

①　AlphaAnimation类对象定义
private AlphaAnimation myAnimation_Alpha;
复制代码
②　AlphaAnimation类对象构造

AlphaAnimation(float fromAlpha, float toAlpha)
//第一个参数fromAlpha为动画开始时候透明度
//第二个参数toAlpha为动画结束时候透明度
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
//说明:
//                0.0表示完全透明
//                1.0表示完全不透明
复制代码
③　设置动画持续时间

myAnimation_Alpha.setDuration(5000);
//设置时间持续时间为 5000毫秒
复制代码

ScaleAnimation

①　ScaleAnimation类对象定义

private AlphaAnimation myAnimation_Alpha;
复制代码
②　ScaleAnimation类对象构造

ScaleAnimation(float fromX, float toX, float fromY, float toY,
           int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一个参数fromX为动画起始时 X坐标上的伸缩尺寸
//第二个参数toX为动画结束时 X坐标上的伸缩尺寸
//第三个参数fromY为动画起始时Y坐标上的伸缩尺寸
//第四个参数toY为动画结束时Y坐标上的伸缩尺寸
/*说明:
                    以上四种属性值
                    0.0表示收缩到没有
                    1.0表示正常无伸缩
                    值小于1.0表示收缩
                    值大于1.0表示放大
*/
//第五个参数pivotXType为动画在X轴相对于物件位置类型
//第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
//第七个参数pivotXType为动画在Y轴相对于物件位置类型
//第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
             Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
复制代码
③　设置动画持续时间

myAnimation_Scale.setDuration(700);
//设置时间持续时间为 700毫秒
复制代码

TranslateAnimation

①　TranslateAnimation类对象定义

private AlphaAnimation myAnimation_Alpha;
复制代码
②　TranslateAnimation类对象构造

TranslateAnimation(float fromXDelta, float toXDelta,
                       float fromYDelta, float toYDelta)
//第一个参数fromXDelta为动画起始时 X坐标上的移动位置
//第二个参数toXDelta为动画结束时 X坐标上的移动位置
//第三个参数fromYDelta为动画起始时Y坐标上的移动位置
//第四个参数toYDelta为动画结束时Y坐标上的移动位置
复制代码
③　设置动画持续时间

myAnimation_Translate.setDuration(2000);
//设置时间持续时间为 2000毫秒
复制代码

RotateAnimation
①　 RotateAnimation类对象定义

private AlphaAnimation myAnimation_Alpha;
复制代码

②　 RotateAnimation类对象构造

RotateAnimation(float fromDegrees, float toDegrees,
            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一个参数fromDegrees为动画起始时的旋转角度
//第二个参数toDegrees为动画旋转到的角度
//第三个参数pivotXType为动画在X轴相对于物件位置类型
//第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
//第五个参数pivotXType为动画在Y轴相对于物件位置类型
//第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
               Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
复制代码

③　设置动画持续时间

myAnimation_Rotate.setDuration(3000);

//设置时间持续时间为 3000毫秒
复制代码

如何使用 Java 代码中的动画效果

使用从 View 父类继承过来的方法 startAnimation ()来为 View 或是子类 View 等等添加一个动画效果

public void startAnimation (Animation animation)