android Animation介绍

时间:2023-03-08 20:19:14

Animation介绍:

在Android SDK介绍了2种Animation模式:

1. Tween Animation:间动画,通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生动画效果,即是一种渐变动画;

2. Frame Animation:帧动画,顺序播放事先做好的图像,是一种画面转换动画。

Android的animation由四种类型组成

在XML文件中:

alpha       渐变透明度动画效果

scale        渐变尺寸伸缩动画效果

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

rotate      画面转移旋转动画效果

在Java源码中定义了相应的类,可以使用这些类的方法来获取和操作相应的属性:

AlphaAnimation       渐变透明度动画效果

ScaleAnimation        渐变尺寸伸缩动画效果

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

RotateAnimation      画面转移旋转动画效果

Tween Animation共同的节点属性

属性[类型]

功能

备注

Duration[long]

属性为动画持续时间

时间以毫秒为单位

fillAfter [boolean]

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

fillBefore[boolean]

当设置为true ,该动画转化在动画开始前被应用

interpolator

指定一个动画的插入器

有一些常见的插入器

accelerate_decelerate_interpolator

加速-减速 动画插入器

accelerate_interpolator

加速-动画插入器

decelerate_interpolator

减速- 动画插入器

其他的属于特定的动画效果

repeatCount[int]

动画的重复次数

RepeatMode[int]

定义重复的行为

1:重新开始  2:plays backward

startOffset[long]

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

zAdjustment[int]

定义动画的Z Order的改变

0:保持Z Order不变

1:保持在最上层

-1:保持在最下层

表二

XML节点

功能说明

alpha

渐变透明度动画效果

<alpha

android:fromAlpha=”0.1″

android:toAlpha=”1.0″

android:duration=”3000″ />

fromAlpha

属性为动画起始时透明度

0.0表示完全透明

1.0表示完全不透明

以上值取0.0-1.0之间的float数据类型的数字

duration为动画持续时间,ms单位

toAlpha

属性为动画结束时透明度

表三

scale

渐变尺寸伸缩动画效果

<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:startOffset=“700”

android:duration=”700″

android:repeatCount=”10″ />

fromXScale[float] fromYScale[float]

为动画起始时,X、Y坐标上的伸缩尺寸

0.0表示收缩到没有

1.0表示正常无伸缩

值小于1.0表示收缩

值大于1.0表示放大

toXScale [float]

toYScale[float]

为动画结束时,X、Y坐标上的伸缩尺寸

pivotX[float]

pivotY[float]

为动画相对于物件的X、Y坐标的开始位置

属性值说明:从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置

表四

translate

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

<translate

android:fromXDelta=”30″

android:toXDelta=”-80″

android:fromYDelta=”30″

android:toYDelta=”300″

android:duration=”2000″ />

fromXDelta

toXDelta

为动画、结束起始时 X坐标上的位置

fromYDelta

toYDelta

为动画、结束起始时 Y坐标上的位置

表五

rotate

画面转移旋转动画效果

<rotate

android:interpolator=”@android:anim/accelerate_decelerate_interpolator”

android:fromDegrees=”0″

android:toDegrees=”+350″

android:pivotX=”50%”

android:pivotY=”50%”

android:duration=”3000″ />

fromDegrees

为动画起始时物件的角度

说明

当角度为负数——表示逆时针旋转

当角度为正数——表示顺时针旋转

(负数from——to正数:顺时针旋转)

(负数from——to负数:逆时针旋转)

(正数from——to正数:顺时针旋转)

(正数from——to负数:逆时针旋转)

toDegrees

属性为动画结束时物件旋转的角度 可以大于360度

pivotX

pivotY

为动画相对于物件的X、Y坐标的开始位

说明:以上两个属性值 从0%-100%中取值

50%为物件的X或Y方向坐标上的中点位置

Interpolator介绍

Interpolator定义一个动画的变化率,这使得基本的动画效果(alpha, scale, translate, rotate)得以加速,减速,重复等。Interpolator 定义了动画的变化速度,可以实现匀速、正加速、负加速、无规则变加速等。Interpolator 是基类,封装了所有 Interpolator 的共同方法,它只有一个方法,即 getInterpolation (float input)。

Android 提供了几个 Interpolator 子类,实现了不同的速度曲线,如下:

AccelerateDecelerateInterpolator

在动画开始与结束的地方速率改变比较慢,在中间的时候加速

AccelerateInterpolator

在动画开始的地方速率改变比较慢,然后开始加速

CycleInterpolator

动画循环播放特定的次数,速率改变沿着正弦曲线

DecelerateInterpolator

在动画开始的地方速率改变比较慢,然后开始减速

LinearInterpolator

在动画的以均匀的速率改变

Frame Animation

Frame Animation是顺序播放事先做好的图像,跟电影类似。不同于animation package, Android SDK提供了另外一个类AnimationDrawable来定义、使用Frame Animation。

Frame Animation可以在XML Resource定义(还是存放到res\anim文件夹下),也可以使用AnimationDrawable中的API定义。由于Tween Animation与Frame Animation有着很大的不同,因此XML定义的格式也完全不一样,其格式是:首先是animation-list根节点,animation-list根节点中包含多个item子节点,每个item节点定义一帧动画,当前帧的drawable资源和当前帧持续的时间。下面对节点的元素加以说明:

XML属性

说明

drawable

当前帧引用的drawable资源

duration

当前帧显示的时间(毫秒为单位)

oneshot

如果为true,表示动画只播放一次停止在最后一帧上,如果设置为false表示动画循环播放。

variablePadding

If true, allows the drawable’s padding to change based on the current state that is selected.

visible

规定drawable的初始可见性,默认为flase;

下面就给个具体的XML例子,来定义一帧一帧的动画:

<animation-listxmlns:android="http://schemas.android.com/apk/res/android"

android:oneshot="true">

<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>

上面的XML就定义了一个Frame Animation,其包含3帧动画,3帧动画中分别应用了drawable中的3张图片:rocket_thrust1,rocket_thrust2,rocket_thrust3,每帧动画持续200毫秒。

然后我们将以上XML保存在res/anim/文件夹下,命名为rocket_thrust.xml,显示动画的代码:

AnimationDrawable rocketAnimation;

public void onCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);

rocketImage.setBackgroundResource(R.anim.rocket_thrust);

rocketAnimation = (AnimationDrawable) rocketImage.getBackground();

}

public boolean onTouchEvent(MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_DOWN) {

rocketAnimation.start();

return true;

}

return super.onTouchEvent(event);

}

代码运行的结果:3张图片按照顺序的播放一次。

有一点需要强调的是:启动Frame Animation动画的代码rocketAnimation.start();不能在onCreate()中,因为在OnCreate()中AnimationDrawable还没有完全的与ImageView绑定,在onCreate()中启动动画,就只能看到第一张图片。

下面,阅读Android SDK中对AnimationDrawable的介绍,有个简单的了解:

AnimationDrawable

获取、设置动画的属性

int getDuration()

获取动画的时长

int getNumberOfFrames()

获取动画的帧数

boolean isOneShot()

Void setOneShot(boolean oneshot)

获取oneshot属性

设置oneshot属性

void inflate(Resurce r,XmlPullParser p,

AttributeSet attrs)

增加、获取帧动画

Drawable getFrame(int index)

获取某帧的Drawable资源

void addFrame(Drawable frame,int duration)

为当前动画增加帧(资源,持续时长)

动画控制

void start()

开始动画

void run()

外界不能直接调用,使用start()替代

boolean  isRunning()

当前动画是否在运行

void stop()

停止当前动画

WindowAnimation和ActivityAnimation的区别

1.windowAnimation

windowEnterAnimation和windowExitAnimation。

ActivityAnimation

android:activityOpenEnterAnimation,android:activityOpenExitAnimation,

android:activityCloseEnterAnimation,android:activityCloseExitAnimation。

2.在项目中WindowAnimation的控制权大于Activity的控制权,即在Activity转场过程中,如果同时设置了WindowAnimation和ActivityAnimation,那么可能(因为这种情况非常多)只会执行WindowAnimation。

3.对于WindowAnimation的定义很简单,在style.xml文件中只需要继承Animation Style即可。

<style name="Animation" parent="@android:style/Animation”>

<!--窗体进入动画—>

<item name="android:windowEnterAnimation">@anim/slide_left_enter</item>

<!--窗体退出动画—>

<item name="android:windowExitAnimation">@anim/slide_right_exit</item>

</style>

对于Activity,需要继承Animation Activity Style

<style name="FeelyouWindowAnimTheme" parent="@android:style/Animation.Activity”>

<item name="android:activityOpenEnterAnimation">@android:anim/slide_in_left</item>

<item name="android:activityOpenExitAnimation">@android:anim/slide_out_right</item>

<item name="android:activityCloseEnterAnimation">@anim/push_right_in</item>

<item name="android:activityCloseExitAnimation">@anim/push_left_out</item>

</style>

1当我们从 A1 启动 A2 时,A1 从屏幕上消失,这个动画叫做 android:activityOpenExitAnimation

2当我们从 A1 启动 A2 时,A2 出现在屏幕上,这个动画叫做 android:activityOpenEnterAnimation

3当我们从 A2 退出回到 A1 时,A2 从屏幕上消失,这个叫做 android:activityCloseExitAnimation

4当我们从 A2 退出回到 A1 时,A1 出现在屏幕上,这个叫做 android:activityCloseEnterAnimation

从上述2中动画的定义上来看,显然ActivityAnimation更为复杂,但这种复杂带来的转场效果非常好,可以同时控制2个Activity的动画,而不像WindowAnimation只能控制下一个Activity的窗体动画。

5.在开发中,窗体动画也可以使用 Activity.overridePendingTransition来设置,也可以定义在主题中,但Activity只能使用在主题中

<application

android:name="test.view.weitop.BaseApplication"

android:allowBackup="false"

android:hardwareAccelerated="false"

android:icon="@drawable/app_logo"

android:label="@string/app_name"

android:largeHeap="true"

android:theme="@style/Theme.App" >

</application>

Android布局动画,所谓布局动画并不是指专门作用在ViewGroup上的动画,而是作用到不居中的Child的有序动画

1、LayoutAnimationController --->第三方控件 WheelView的核心部分

ScaleAnimation sa =new ScaleAnimation(0.5f, 1f, 0.5f, 1f, Animation.RELATIVE_TO_SELF, 0.5f,  Animation.RELATIVE_TO_SELF, 0.5f);

sa.setDuration(2000);

LayoutAnimationController lac = new LayoutAnimationController(sa, 0.5f);

lac.setOrder(LayoutAnimationController.ORDER_REVERSE);

rootView.setLayoutAnimation(lac);

2、android:animateLayoutChanges="true"

表示布局中childView的的大小改变,删除,增加时的 fade in或者 fade out的动画。

3.android:layoutAnimation="@anim/listview_anim"

android:layoutAnimation 和LayoutAnimationController作用类似,不同点在于,前者定义在xml中,后者使用代码编写。