首先是效果图
简单分析一下闪屏页白屏,黑屏原因
市面上的有些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);
去除主页的全屏主题属性恢复成普通主页,具体代码如下:
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); }}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
<?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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31