【移动应用开发技术】如何在Android中实现一个补间动画效果

【移动应用开发技术】如何在Android中实现一个补间动画效果

这篇文章主要介绍了如何在Android中实现一个补间动画效果，此处通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考价值，需要的朋友可以参考下：补间动画原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画位移、旋转、缩放、透明位移：参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的真实X+10参数150指的是X的终点坐标，它的值是imageview的真实X+150//创建为位移动画对象，设置动画的初始位置和结束位置TranslateAnimationta=newTranslateAnimation(10,150,20,140);1.

x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是真实X+0.5*iv宽度；2.

x坐标的终点位置，如果传入2，那么终点坐标就是真实X+2*iv的宽度；3.

y坐标的起点位置，如果传入0.5f，那么起点坐标就是真实Y+0.5*iv高度；4.

y坐标的终点位置，如果传入2，那么终点坐标就是真实Y+2*iv高度。

TranslateAnimationta=newTranslateAnimation(Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,2,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,2);动画播放相关的设置

//设置动画持续时间

ta.setDuration(2000);

//动画重复播放的次数

ta.setRepeatCount(1);

//动画重复播放的模式

ta.setRepeatMode(Animation.REVERSE);

//动画播放完毕后，组件停留在动画结束的位置上

ta.setFillAfter(true);

//播放动画

iv.startAnimation(ta);缩放：1.参数0.1f表示动画的起始宽度是真实宽度的0.1倍2.参数4表示动画的结束宽度是真实宽度的4倍3.缩放的中心点在iv左上角ScaleAnimationsa=newScaleAnimation(0.1f,4,0.1f,4);1.

参数0.1f和4意义与上面相同2.

改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点3.

中心点x坐标=真实X+0.5*iv宽度4.

中心点Y坐标=真实Y+0.5*iv高度

ScaleAnimationsa=newScaleAnimation(0.1f,4,0.1f,4,Animation.RELATIVETOSELF,0.5f,Animation.RELATIVETOSELF,0.5f);透明：0为完全透明，1为完全不透明AlphaAnimationaa=newAlphaAnimation(0,0.5f);旋转：1.

20表示动画开始时的iv的角度2.

360表示动画结束时iv的角度3.

默认旋转的圆心在iv左上角RotateAnimationra=newRotateAnimation(20,360);1.

20,360的意义和上面一样2.

指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X+iv宽度*0.53.

圆心的Y坐标：真实Y+iv高度*0.5RotateAnimationra=newRotateAnimation(20,360,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);所有动画一起飞

//创建动画集合

AnimationSet

set

=

new

AnimationSet(false);

//往集合中添加动画

set.addAnimation(aa);

set.addAnimation(sa);

set.addAnimation(ra);

iv.startAnimation(set);效果如图：布局代码：

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<ImageView

android:id="@+id/iv"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/ic_launcher"

android:layout_centerVertical="true"

android:layout_centerHorizontal="true"

/>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:layout_alignParentBottom="true"

android:orientation="horizontal">

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="translate"

android:text="平移"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="scale"

android:text="缩放"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="alpha"

android:text="透明"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="rotate"

android:text="旋转"

/>

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="fly"

android:text="一起飞"

/>

</LinearLayout>

</RelativeLayout>MainActivity.javaimport

android.app.Activity;

import

android.os.Bundle;

import

android.view.View;

import

android.view.animation.AlphaAnimation;

import

android.view.animation.Animation;

import

android.view.animation.AnimationSet;

import

android.view.animation.RotateAnimation;

import

android.view.animation.ScaleAnimation;

import

android.view.animation.TranslateAnimation;

import

android.widget.ImageView;

public

class

MainActivity

extends

Activity

{

private

ImageView

iv;

private

TranslateAnimation

ta;

private

ScaleAnimation

sa;

private

AlphaAnimation

aa;

private

RotateAnimation

ra;

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

iv

=

(ImageView)

findViewById(R.id.iv);

}

//平移

public

void

translate(View

view)

{

//

ta

=

new

TranslateAnimation(10,

100,

20,

200);

ta

=

new

TranslateAnimation(Animation.RELATIVE_TO_SELF,

-1,

Animation.RELATIVE_TO_SELF,

2,

Animation.RELATIVE_TO_SELF,

-0.5f,

Animation.RELATIVE_TO_SELF,

1.5f);

//设置播放时间

ta.setDuration(2000);

//设置重复次数

ta.setRepeatCount(1);

//动画重复播放的模式

ta.setRepeatMode(Animation.REVERSE);

iv.startAnimation(ta);

}

//缩放

public

void

scale(View

view)

{

//

sa

=

new

ScaleAnimation(2,

4,

2,

4,

iv.getWidth()

/

2,

iv.getHeight()

/

2);

sa

=

new

ScaleAnimation(0.5f,

2,

0.1f,

3,

Animation.RELATIVE_TO_SELF,

0.5f,

Animation.RELATIVE_TO_SELF,

0.5f);

//设置播放时间

sa.setDuration(2000);

//设置重复次数

sa.setRepeatCount(1);

//动画重复播放的模式

sa.setRepeatMode(Animation.ABSOLUTE);

//动画播放完毕后，组件停留在动画结束的位置上

sa.setFillAfter(true);

iv.startAnimation(sa);

}

//透明

public

void

alpha(View

view)

{

aa

=

new

AlphaAnimation(0,

1);

//设置播放时间

aa.setDuration(2000);

//设置重复次数

aa.setRepeatCount(1);

//动画重复播放的模式

aa.setRepeatMode(Animation.REVERSE);

//动画播放完毕后，组件停留在动画结束的位置上

//

aa.setFillAfter(true);

iv.startAnimation(aa);

}

//旋转

public

void

rotate(View

view)

{

ra

=

new

RotateAnimation(0,

720,

Animation.RELATIVE_TO_SELF,

0.5f,

Animation.RELATIVE_TO_SELF,

0.5f);

//设置播放时间

ra.setDuration(2000);

//设置重复次数

ra.setRepeatCount(1);

//动画重复播放的模式

ra.setRepeatMode(Animation.REVERSE);

//动画播放完毕后，组件停留在动画结束的位