你会很奇怪,为什么有些app启动时,会出现一会儿的黑屏或者白屏才进入Activity的界面显示,但是有些app却不会如QQ手机端,的确这里要做处理一下。这里先了解一下为什么会出现这样的现象,其实很简单,简历一个简单的例子就可以理解了。
其实,黑屏或者白屏这里并不是不正常,而是还没加载到布局文件,就已经显示了window窗口背景,黑屏白屏就是window窗口背景。代码如下,可以自己写个小demo就理解了。
1
2
3
4
5
6
7
8
9
10
11
12
|
@Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); // 注意:添加3秒睡眠,以确保黑屏一会儿的效果明显,在项目应用要去掉这3秒睡眠 try { Thread.sleep( 3000 ); } catch (InterruptedException e) { e.printStackTrace(); } // 在这里之前,黑屏或者白屏都是window的背景颜色,是窗口背景,还没到界面的布局呢,要执行setContentView后才显示布局 setContentView(R.layout.activity_launcher); } |
那window窗口背景在那里提供呢?在提供theme里面,如下提供的是白色背景,那就是启动时白屏一会儿的颜色设置。
1
2
3
4
5
6
|
<!-- Application theme. --> <style name= "AppTheme" parent= "AppBaseTheme" > <item name= "android:windowNoTitle" > true </item> <item name= "android:windowBackground" > @color /white</item> <!-- All customizations that are NOT specific to a particular API-level can go here. --> </style> |
所以,在theme设置windowBackground就可以解决启动时白屏黑屏一会儿了,下面提供三种解决方案:
一、提供.png背景图
提供背景图是解决的一个方法,但是要适配各种屏幕,提供很多张图片。除非图片非常复杂只能用背景图了就用这种方法吧,否则个人不建议。
二、提供.9.png(NinePatch)背景图片
如果图片不是很复杂,可以做成NinePatch图片,那就直接制作NinePatch图片,提供一张就可以适配任何手机,何乐而不为呢。
三、使用Layout-list制作背景图片
如果可以使用这种方式,推荐使用这种Layout-list制作背景图片。前2种都是使用图片占用内存啊,使用Layout-list比较省内存,做出app也不会说因为图片多体积变大吧。
下面给出代码。
LaunchActivity为启动界面停留3秒后跳转到主页面MainActivity,为了达到显示黑屏白屏的效果更明显,在setContentView之前线程睡眠3秒。
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
|
public class LauncherActivity extends Activity { public final int MSG_FINISH_LAUNCHERACTIVITY = 500 ; public Handler mHandler = new Handler(){ public void handleMessage(Message msg) { switch (msg.what) { case MSG_FINISH_LAUNCHERACTIVITY: //跳转到MainActivity,并结束当前的LauncherActivity Intent intent = new Intent(LauncherActivity. this , MainActivity. class ); startActivity(intent); finish(); break ; default : break ; } }; }; @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); // 不显示系统的标题栏,保证windowBackground和界面activity_main的大小一样,显示在屏幕不会有错位(去掉这一行试试就知道效果了) getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); // 注意:添加3秒睡眠,以确保黑屏一会儿的效果明显,在项目应用要去掉这3秒睡眠 try { Thread.sleep( 3000 ); } catch (InterruptedException e) { e.printStackTrace(); } setContentView(R.layout.activity_launcher); // 停留3秒后发送消息,跳转到MainActivity mHandler.sendEmptyMessageDelayed(MSG_FINISH_LAUNCHERACTIVITY, 3000 ); } } |
activity_launcher.xml布局文件,很简单,要记住这里的LinearLayout使用的背景是layout_list_start_pic,跟主题theme使用一样的背景,这样就消除了背景不一样的效果。这里要自己试试才知道这样做的好处和效果。
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "fill_parent" android:layout_height= "fill_parent" android:background= "@drawable/layout_list_start_pic" > <TextView android:layout_width= "wrap_content" android:layout_height= "wrap_content" android:textColor= "#ffffff" android:text= "@string/hello_world" /> </LinearLayout> |
AndroidManifest.xml,这里注意application使用的theme是AppTheme,而LauncherActivity使用的主题是StartAppTheme。这样做的效果是只要LauncherActivity使用StartAppTheme主题,其他Activity都是用AppTheme主题哦。
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
|
<?xml version= "1.0" encoding= "utf-8" ?> <manifest xmlns:android= "http://schemas.android.com/apk/res/android" package = "com.example.launcheractivity" android:versionCode= "1" android:versionName= "1.0" > <uses-sdk android:minSdkVersion= "8" android:targetSdkVersion= "18" /> <application android:allowBackup= "true" android:icon= "@drawable/ic_launcher" android:label= "@string/app_name" android:theme= "@style/AppTheme" > <activity android:name= ".LauncherActivity" android:label= "@string/app_name" android:theme= "@style/StartAppTheme" > <intent-filter> <action android:name= "android.intent.action.MAIN" /> <category android:name= "android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name= ".MainActivity" ></activity> </application> </manifest> |
styles.xml,2个主题设置
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
|
<!-- Base application theme, dependent on API level. This theme is replaced by AppBaseTheme from res/values-vXX/styles.xml on newer devices. --> <style name= "AppBaseTheme" parent= "android:Theme.Light.NoTitleBar" > <!-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go here. --> </style> <!-- Application theme. --> <style name= "AppTheme" parent= "AppBaseTheme" > <item name= "android:windowNoTitle" > true </item> <item name= "android:windowBackground" > @color /white</item> <!-- All customizations that are NOT specific to a particular API-level can go here. --> </style> <style name= "StartAppTheme" parent= "AppBaseTheme" > <item name= "android:windowNoTitle" > true </item> <item name= "android:windowBackground" > @drawable /layout_list_start_pic</item> <!-- All customizations that are NOT specific to a particular API-level can go here. --> </style> </resources> |
layout_list_start_pic.xml 启动页面使用这个作为背景图片
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<?xml version= "1.0" encoding= "utf-8" ?> <!-- 设置整个屏幕背景为白色 --> <item > <color android:color= "@color/white" /> </item> <!-- 中间logo --> <item > <bitmap android:gravity= "center" android:src= "@drawable/ic_launcher" /> </item> <!-- 底部图表 --> <item android:bottom= "10dp" > <bitmap android:gravity= "bottom|center_horizontal" android:src= "@drawable/copyright" /> </item> </layer-list> |
还有一张图片copyright.png
好了现在提供下效果图吧
启动时,黑屏白屏改造成这图片样子,哈哈~
启动完成后加装的LauncherActivity界面
调整到MainActivity界面
就这样了,本来想给gif动画的,用微信拍下来,澳澳不知道怎么发到电脑呜呜~~~后来才知道可以发到网页微信。。。
下载链接迟点发上来,哎呀妈的,要睡觉了~~·~~
若本文对你有帮助请点点赞支持,有疑问请留言共同探讨~