Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)

转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法   首先感谢博主分享,本文作为学习记录

惊鸿一瞥

微信的启动页,相信大家都不陌生。 
不知道大家有没有发现一个现象,微信每次启动的时候,是直接进入这个启动页面。 
我的意思是,很多应用,往往会先白屏停顿一下后再进入启动页面(Splash)。为了印证这一点,我把手机上所有的App都点了一遍。选几个例子 
如下图: 
微信: 
 
斗鱼: 
 
斗鱼和微信是直接进入了,他们的Splash页面。 
知乎: 
 
B站: 
 
知乎和B站要先进入一个白屏,特别是B站,白屏后再进入的Splash页面。

动手实现

想一想,如果让我们自己来写一个Splash页面怎么实现?

  1. 创建SplashActivity样式,我们需要他是启动界面,固定垂直方向,全屏显示
  <activity android:name=".MainActivity" />
        <activity
            android:name=".SplashActivity"
            android:screenOrientation="portrait"
            android:theme="@style/ThemeSplash">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
    </activity>

  2.设置主题为ThemeSplash

  <style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@android:color/white</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
         //一定要,否则有状态栏显示,不能全屏
        <item name="windowNoTitle">true</item>
    </style>

  3.设置SplashActivity的布局文件 activity_splash.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="@mipmap/bg_splash"
    tools:context="com.example.makeapp.SplashActivity">
</RelativeLayout>

  4.设置SplashActivity代码,延迟2秒跳转到MainActivity

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);
        //延迟2S跳转
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent intent = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(intent);
                finish();
            }
        }, 2000);
    }
}

 
糟糕,出现了白屏。 
而且不止这个应用,把以前写的几个应用都打开看了下,都有出现黑白屏的现象,斗鱼不闪屏

看看斗鱼怎么做的

使用apktool打开斗鱼

>E:
>cd E:\Android\反编译\apktool
E:\Android\反编译\apktool>apktool d E:\Android\Blog\douyu.apk    

先看他的配置清单文件

<activity android:name="tv.douyu.view.activity.SplashActivity"
        android:screenOrientation="portrait" android:theme="@style/Theme.AppLauncher">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

因为是程序入口,很快找到,使用了Android:theme="@style/Theme.AppLauncher",那么看看他的样式Theme.AppLauncher怎么实现的

 <style name="Theme.AppLauncher" parent="@android:style/Theme.NoTitleBar.Fullscreen">
        <item name="android:windowBackground">@drawable/bg_splash</item>
    </style>

**看到这里,我们发现他居然把@drawable/bg_splash设置成了窗口背景,而这张叫bg_splash的图片就是他们的启动图片(我们的App已经拿过来用了),继续往下看 。 
找到他的SplashActivity布局文件,在他的res目录,根据命名规则他多半使用splash做关键字,搜索 

打开

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <RelativeLayout
         android:id="@id/ad_layout"
         android:layout_width="fill_parent"
            android:layout_height="fill_parent"
         android:visibility="gone">

        <ImageView
            android:id="@id/ad_img"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:scaleType="centerCrop" />

        <RelativeLayout
            android:id="@id/btn_skip"
            android:layout_width="fill_parent"
            android:layout_height="64.0dip"
            android:layout_alignParentBottom="true"
            android:background="#4f333333"
            android:paddingLeft="24.0dip"
            android:paddingRight="18.0dip">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_centerVertical="true"
                android:src="@drawable/splash_ad_logo" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_toLeftOf="@id/start_arrow_iv"
                android:text="进入 "
                android:textColor="@color/text_color_white"
                android:textSize="15.0sp" />

            <ImageView
                android:id="@id/start_arrow_iv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_centerVertical="true"
                android:src="@drawable/start_icon_anim" />
        </RelativeLayout>
    </RelativeLayout>
</LinearLayout>

几个关键词 进入 、@drawable/start_icon_anim@drawable/splash_ad_logo这不就是最开始,进入的广告页面么: 

只不过,他的这张图的大图背景,没有配置,很可能是网络获取的。

到这里,我们大致已经清楚了,斗鱼启动是怎么个逻辑

  1. 把启动图bg_splash设置为窗体背景,避免刚刚启动App的时候出现,黑/白屏
  2. 设置为背景bg_splash显示的时候,后台负责加载资源,同时去下载广告图,广告图下载成功或者超时的时候显示SplashActivity的真实样子
  3. 随后进入MainAcitivity 
    据我观察,淘宝启动的时候和斗鱼逻辑是一样的,有兴趣可以探究下。 
    到这里,偷师成功,我们可以回来改自己的程序了。
 <style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:background">@mipmap/bg_splash</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

 
好的已经不闪屏了。

为什么会这样

最后,思考一下这个问题,为什么会出现这种情况,在启动Acitivty的onCreate()方法里面,执行setContentView(R.layout.activity_splash);出现白屏。 
设想,onCreate---setContentView这个并不是发生在,窗体绘制的第一步,系统会在执行这个步骤之前,先绘制窗体,这时候布局资源还没加载,于是就使用默认背景色。

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

这种亮色系,造成白色闪屏

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

这种暗色系主题,造成了黑色闪屏

使用方法:

将下面的代码放入到工程下的style.xml  ,记得将下面的@mipmap/bg_splash 图片改成自己app的图片

<style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:background">@mipmap/bg_splash</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

然后将启动页面的theme改成上面的style ,就ok了~

<activity
      android:name=".activity.WelcomeActivity"
      android:configChanges="screenSize|keyboardHidden|orientation"
      android:theme="@style/ThemeSplash">
       <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
       </intent-filter></activity>

代码地址:https://github.com/zhouruikevin/makeapp

时间: 2024-12-11 01:19:09

Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)的相关文章

[FMX] Android APP 启动黑屏优化补丁

使用说明 *************************************************** Android APP 启动黑屏优化补丁 作者: Swish, YangYxd 2016.01.16 Version: 1.0.0 QDAC官方群: 250530692 *************************************************** [安装方式] 双击Setup.bat安装补丁文件(安装时会作备份) 双击Uninstall.bat可以恢复. [

Android程序启动画面 Splash

很多应用都会有一个启动界面.欢迎画面慢慢隐现,然后慢慢消隐. 我的方式是使用两个Activity,程序启动时候load第一张Activity,然后由tick触发N秒钟后startActivity另外一张Activity. splash.java package com.yuyidong.second; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import andro

App启动页倒计时功能

转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6753418.html 示例代码采用 RxJava + RxLifecycle + Data-Binding 模式编写 示例图: 话不多说,实现方式如下: 1.导入依赖库 ① RxJava: Reactive Extensions for the JVM compile 'io.reactivex:rxjava:1.2.9' compile 'io.reactivex:rxandroid:1.2.1' ②

Android App 启动时显示正在加载图片(源码)

微信.QQ.天天动听等程序,在打开时显示了一张图片,然后跳转到相关界面.本文实现这个功能,其实很简单.... 新建两个Activity,LoadingActivity,MainActivity,将LoadingActivity设置为android.intent.action.MAIN.使用TimerTesk,或者Thread将LoadingActivity显示几秒后跳转到MainActivity界面. LoadingActivity: new Timer().schedule(new Timer

Android App启动画面的制作

安卓软件启动时,都会有一个全屏的带LOGO,软件名称,版本号的启动屏幕.这个屏幕是怎么做出来的呢!!下面就一步一步的来! 一.新建项目 打开eclipse,新建一个Android项目,不建Activity.这时就出现一个空白的项目. 1.新建Activity文件 点击项目管理里的res,进入layout,右键点击NEW->Project->Android->Android XML Layout File 按步骤新建一个Activity的XML文件 我是选择新建了一个RelativeLay

app的启动页面(二)----四种APP启动页设计方案

第一种APP启动页设计方案: 扁平法 简单粗暴的手法.简单的纯色或者几何立体背景+广告语+icon,也适合如今设计的风格趋势等. 方案的延伸就是,加点加载动画或者过渡动画. 第二种APP启动页设计方案: 组合法 根据行业背景来设计,选取行业元素做一个图形化组合或者图形化标志等,衬托突出APP的icon或LOGO 第三种APP启动页设计方案: 情景法 采用一种非常有意境和含义的大背景来做设计.难点在于背景的选择和设计.然后加上APP的广告语或者LOGO即可.注重情感的表达和意境的抒发.着重点在于设

app启动页的设计技巧(一)

虽然,每一个APP的启动页界面设计是需要按使用场景设计的.但是每一个APP启动页的存在的意义与APP产品定位.APP运营策略有关的. 第一部分:对于设计一个好的APP启动页作品,必须满足这三个特征 认真观察,很容易归纳出欢迎页有以下的三个特征: 1.简单:在启动页中,文案是极为简短精炼的,而启动页一般由一张图片和一句文案组成: 2.直接:启动页中的文字表述简单直接,基本没有过多的修饰性词语: 3.图为主,文为辅:启动页中,图片约占三分之二的区域,文字约占三分之一的区域 第二部分:简单易学的APP

Android app启动activity并调用onCreate()方法时都默默地干了什么?

Android app启动activity并调用onCreate() 方法时都默默地干了什么? 在AndroidManifest.xml文件中的<intent-filter>元素中有这么两句: <intent-filter>     <action android:name="android.intent.action.MAIN"/>     <category android:name="android.intent.categor

【apicloud问题解决记录】键盘弹出监听处理以及头部底部的黑色闪屏现象

http://blog.csdn.net/kongjiea/article/details/46545351 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题 使用apicloud开发中并不存在这个问题,input进行焦点获取,页面会自动压缩 apicloud,使用api.openWin()打开win框架后,如果bounces:true会出现向下拉和向上拉黑屏和闪屏现象. 打开openWin({bounces:false}),再在win里面打开frame框架 以下面新浪新闻页为例