Android 视图动画分为:
- 透明度动画 AlphaAnimation
- 旋转动画 RotateAnimation
- 位移动画 TranslateAnimation
- 缩放动画 ScaleAnimation
每一个动画的参数比较容易理解,这里我们直接使用一个例子来验证一下。
首先我们直接使用Java 代码来实现:
首先创建一个AnimSetDemo 的工程。
activity_main.xml 中添加一些美美的布局和图片资源
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/rela_root"
android:background="@drawable/splash_bg_newyear"
tools:context="com.zx.animsetdemo.MainActivity">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/splash_horse_newyear" />
</RelativeLayout>
主工程中使用代码来写些简单的动画。
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
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.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RelativeLayout rela_root = (RelativeLayout) findViewById(R.id.rela_root);
// 旋转
RotateAnimation rotateAnimation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f , Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(1000);
rotateAnimation.setFillAfter(true);
// 透明
AlphaAnimation alphaAnimation = new AlphaAnimation(0, 1);
alphaAnimation.setDuration(1000);
alphaAnimation.setFillAfter(true);
// 缩放
ScaleAnimation scaleAnimation = new ScaleAnimation(0, 1, 0, 1,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
scaleAnimation.setDuration(1000);
scaleAnimation.setFillAfter(true);
AnimationSet animationSet = new AnimationSet(true);
animationSet.addAnimation(rotateAnimation);
animationSet.addAnimation(scaleAnimation);
animationSet.addAnimation(alphaAnimation);
rela_root.startAnimation(animationSet);
}
}
三种单独的动画,最中通过AnimationSet 来进行加载。
然后主工程的清单文件中设置主题是:
android:theme="@style/Theme.AppCompat.NoActionBar"
不要actionBar 了这样动画看起来直接入眼。
还有一种方式就是通过xml 来定义动画集合,在工程的res 文件下创建amin 文件夹用来保存 我们设置的各种动画xml.
我们创建一个splash_anim.xml 的文件在 刚刚创建的amin 文件夹下。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:duration="1000"
android:fromAlpha="0.0"
android:toAlpha="1.0"/>
<rotate
android:duration="1000"
android:fromDegrees="0"
android:toDegrees="360"
android:pivotX="50%"
android:pivotY="50%" />
<scale
android:duration="1000"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="1.0"
android:toYScale="1.0"/>
</set>
这样我们只要在MainActivity.java 中加载一下这个xml文件,就可以实现和java 代码一样的效果。
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RelativeLayout rela_root = (RelativeLayout) findViewById(R.id.rela_root);
AnimationSet animationSet =(AnimationSet) AnimationUtils.loadAnimation(this,R.anim.splash_anim);
rela_root.startAnimation(animationSet);
}
}
通过 AnimationUtils 来加载动画集合,并返回一个 Animation,强制转为AnimationSet,动画集合。
最后运行我们的代码,效果如下:
如果我们需要在动画结束的时候去做一些事情,可以给动画设置监听
animationSet.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
}
});
平移动画可以参考其他动画的模式来实现。