一:Frame Animation:(逐帧动画)
这个很好理解,一帧帧的播放图片,利用人眼视觉残留原理,给我们带来动画的感觉。它的原理的GIF图片、电影播放原理一样。
1.定义逐帧动画比较简单,只要在中使用子元素定义所有播放帧即可。
frame.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/f1" android:duration="1000" /> //第一帧到下一帧的时间间隔
<item android:drawable="@drawable/f2" android:duration="3000" />
<item android:drawable="@drawable/f1" android:duration="5000" />
<item android:drawable="@drawable/f2" android:duration="7000" />
</animation-list>
activity:
public class FrameActivity extends Activity{ private ImageView image; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.frame); image = (ImageView) findViewById(R.id.frame_image); image.setBackgroundResource(R.drawable.frame); AnimationDrawable anim = (AnimationDrawable) image.getBackground(); anim.start(); } }
二:Tween Animation:(补间动画)
Animation的4种动画效果,分别为:移动TranslateAnimation/旋转RotateAnimation/淡入淡出AlphaAnimation/缩放ScaleAnimation
1:移动TranslateAnimation
首先是xml文件设置:
<RelativeLayout android:id="@+id/capture_crop_view" android:layout_width="300dp" android:layout_height="300dp" android:layout_below="@id/capture_mask_top" android:layout_centerHorizontal="true" android:background="@drawable/qr_code_bg" > <ImageView android:id="@+id/capture_scan_line" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginBottom="5dp" android:layout_marginTop="5dp" android:src="@drawable/scan_line" /> </RelativeLayout>
图片分别为:
qr_code_bg:
scan_line:
代码:
scanLine = (ImageView) findViewById(R.id.capture_scan_line); TranslateAnimation animation = new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.0f, Animation.RELATIVE_TO_PARENT, 0.9f); animation.setDuration(4500); //从最上面到最下面持续4.5s animation.setRepeatCount(-1); //从上到下循环次数,这里设置的是动画重复执行的次数,而不是动画执行的次数。故动画执行的次数为动画重复执行的次数加1
//Android系统默认每个动画仅执行一次,通过该方法可以设置动画执行多次。 animation.setRepeatMode(Animation.RESTART); scanLine.startAnimation(animation);
解析:
l TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
l TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
参数说明:
float fromXDelta:这个参数表示动画开始的点离当前View X坐标上的差值;
float toXDelta, 这个参数表示动画结束的点离当前View X坐标上的差值;
float fromYDelta, 这个参数表示动画开始的点离当前View Y坐标上的差值;
float toYDelta, 这个参数表示动画开始的点离当前View Y坐标上的差值;
这4个参数确定移动的起点和终点
fromXType:x轴(Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF, Animation.RELATIVE_TO_PARENT);
Animation.RELATIVE_TO_SELF(相对于自身)、Animation.RELATIVE_TO_PARENT(相对于父控件(容器)
fromXValue:第二个参数是第一个参数类型的起始值;
toXType,toXValue:第三个参数与第四个参数是x轴方向的终点参照与对应值;
这8个参数也是确定移动的起点和终点