闪屏页无白屏秒开和分屏过渡动画的实现

• 首先是效果图

GIF.gif

• 简单分析一下闪屏页白屏，黑屏原因
  市面上的有些App，点击App图标后，会出现白屏或者黑屏一段时间的问题。为什么会出现这种问题呢，其实在启动Acitivty的启动过程中，onCreate()方法并不是发生在窗口绘制的第一步，系统会在执行这个步骤之前，先绘制窗体，这时候onCreat()还没被执行，我们的setContentView(R.layout.activity_splash)就更不会被执行了，布局资源还没有被加载，这时系统就会使用当前Activity的主题默认背景色来展示。
  如果我们的SplashActivity主题风格是继承

<style name="ThemeSplash" parent="Theme.AppCompat.Light">

这种亮色系，因为此主题默认背景色是白色，那么就会出现白色闪屏；
如果我们的SplashActivity主题风格是继承

<style name="ThemeSplash" parent="ThemeOverlay.AppCompat.Dark">

这种暗色系，而主题默认背景色是黑色，那么就会出现黑色闪屏。

• 简单两步实现闪屏页秒开无白屏黑屏
  既然我们知道了闪屏页白屏的原因，系统会调用当前Activity的主题默认背景色，那么我们可以有两种基本的思路：
  一，把背景色设置为透明色，这样就不会出现白屏了；
  二，把背景色直接设置成我们的闪屏页闪屏图案。
  第一种方法有个小问题，当用户点击软件图标后，界面可能会停在桌面一两秒，因为闪屏页主题背景是透明的，而此时闪屏页下面是桌面，所以就出现了这种假象。我在这里就不叙述第一种的的具体实现过程了，直接介绍一下第二种方法。
  首先我们按照下面所示定义一种主题风格SplashTheme：

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="SplashTheme" parent="AppTheme">
        <item name="android:windowBackground">@mipmap/splash_background</item>
        <item name="android:windowFullscreen">true</item>
    </style>

然后我们把这种主题风格设置给SplashActivity。

    <activity android:name=".SplashActivity"
        android:theme="@style/MainTheme">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

这简单的两步基本就实现了闪屏页秒开无白屏效果。

• 分屏过渡动画的实现
  看多了市面上普遍的闪屏过渡动画，突然换一种过渡动画或许能让客户耳目一新，给咱们的软件加分。这个过渡动画其实也是很好实现的，当然大家也可以想办法做成Activity的切换动画，不过我不是那样做的，我是在MainActivity主界面上遮盖了两张闪屏页背景图，然后软件启动没有先进入SplashActivity，而是直接进入了MainActivity(闪屏页大都是全屏的，所以MainActivity也被设置成全屏显示)，然后等待几秒之后，开启属性动画，并通过

getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);

去除主页的全屏主题属性恢复成普通主页，具体代码如下：

• mainActivity.java

package androidstudio.shi.com.shape;

import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.view.WindowManager;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {


    ImageView iv_splashLeft;
    ImageView iv_splashRight;
    private ObjectAnimator objAnimLeft;
    private ObjectAnimator objAnimRight;
    private int displayDeviceWidth;
    private final  int TimeAnimDurning = 2000;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        displayDeviceWidth = getResources().getDisplayMetrics().widthPixels;
        setContentView(R.layout.activity_main);
        iv_splashLeft = (ImageView) findViewById(R.id.iv_splashLeft);
        iv_splashRight = (ImageView) findViewById(R.id.iv_splashRight);
        objAnimLeft = ObjectAnimator.ofFloat(iv_splashLeft,"translationX",0f, -displayDeviceWidth/2);
        objAnimLeft.setDuration(TimeAnimDurning);
        objAnimRight = ObjectAnimator.ofFloat(iv_splashRight,"translationX",0f, displayDeviceWidth/2);
        objAnimRight.setDuration(TimeAnimDurning);

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                objAnimLeft.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        if((float)animation.getAnimatedValue() == -displayDeviceWidth/2){
                            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
                        }
                    }
                });
                objAnimLeft.start();
                objAnimRight.start();
            }
        }, 3000);


    }
}

• activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorWhite_FFFFFFFF"
    tools:context="androidstudio.shi.com.shape.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible">

        <ImageView
            android:id="@+id/iv_splashLeft"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@mipmap/bg_splash_left" />

        <ImageView
            android:id="@+id/iv_splashRight"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@mipmap/bg_splash_right" />

    </LinearLayout>
</RelativeLayout>

• 关于项目中的控件具体实现代码
  请参考文章《使用Android自带属性实现基本的控件展示效果》

• demo下载地址：点击打开