原文发布于我的博客Android猿
之前注意到coding APP启动页很是酷炫，今天我们使用RxJava和属性动画模仿实现其效果。
ezgif.com-video-to-gif(2).gif
一、新建启动页WelcomeActivity
注意，我们这里让WelcomeActivity继承Activity不要继承AppCompatActivity，因为AppCompatActivity会默认去加载主题，造成卡顿
public class WelcomeActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
}
}
二、定义引导页布局activity_welcome.xml
不多说直接上代码：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/iv_entry"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="fitXY"
android:src="@drawable/welcomimg1"/>
<View
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/welcomimg_bg"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="100dp"
android:gravity="center"
android:text="xialong"
android:textColor="@android:color/white"
android:textSize="23sp"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/google_logo"
android:layout_alignParentBottom="true"
android:layout_marginBottom="60dp"
android:layout_centerInParent="true"
android:tint="@android:color/white" />
</RelativeLayout>
这里我们用了相对布局，在ImageView上覆盖一个View，该View用渐变色背景welcomimg_bg.xml以暗化图片，welcomimg_bg.xml代码如下：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:angle="90"
android:startColor="@color/black"
android:endColor="@android:color/transparent"
/>
</shape>
其中startColor表示起始颜色，endColor表示结束颜色，angle=90 表示颜色从下往上渐变。
三、随机选取图片并使用RxJava启动动画
最后我们的WelcomeActivity.java长这样：
public class WelcomeActivity extends Activity {
@Bind(R.id.iv_entry)
ImageView mIVEntry;
private static final int ANIM_TIME = 2000;
private static final float SCALE_END = 1.15F;
private static final int[] Imgs={
R.drawable.welcomimg1,R.drawable.welcomimg2,
R.drawable.welcomimg3,R.drawable.welcomimg4,
R.drawable.welcomimg5, R.drawable.welcomimg6,
R.drawable.welcomimg7,R.drawable.welcomimg8,
R.drawable.welcomimg9,R.drawable.welcomimg10,
R.drawable.welcomimg11,R.drawable.welcomimg12,};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
ButterKnife.bind(this);
Random random = new Random(SystemClock.elapsedRealtime());//SystemClock.elapsedRealtime() 从开机到现在的毫秒数（手机睡眠(sleep)的时间也包括在内）
mIVEntry.setImageResource(Imgs[random.nextInt(Imgs.length)]);
Observable.timer(1000, TimeUnit.MILLISECONDS)
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Action1<Long>()
{
@Override
public void call(Long aLong)
{
startAnim();
}
});
}
private void startAnim() {
ObjectAnimator animatorX = ObjectAnimator.ofFloat(mIVEntry, "scaleX", 1f, SCALE_END);
ObjectAnimator animatorY = ObjectAnimator.ofFloat(mIVEntry, "scaleY", 1f, SCALE_END);
AnimatorSet set = new AnimatorSet();
set.setDuration(ANIM_TIME).play(animatorX).with(animatorY);
set.start();
set.addListener(new AnimatorListenerAdapter()
{
@Override
public void onAnimationEnd(Animator animation)
{
startActivity(new Intent(WelcomeActivity.this, MainActivity.class));
WelcomeActivity.this.finish();
}
});
}
}
这里的RxJava使用了timer操作符，它的意思是延迟执行某个操作，第一个参数表示延迟时间，第二个参数是时间单位。
好了，就酱。
需要完整代码可以戳这里代码传送门
