做项目的时候遇到启动页面不显示的问题,百度了一下才知道,在cordova5.0之后要显示启动页面必须安装一个插件cordova-plugin-splashscreen
插件安装方法:
cordova plugin add cordova-plugin-splashscreen
或者
cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git
然后在cordova项目中的config.xml添加配置(ps:都为非必填项)
(1)自动隐藏启动页面AutoHideSplashScreen(默认为:true)
(2) 显示启动页面的时间长度SplashScreenDelay(默认为:3000)
(3) 是否显示淡入淡出效果FadeSplashScreen(默认为:true)
(4) 淡入淡出效果的执行时间长度FadeSplashScreenDuration(默认为:500)
(5) 启动页面是否允许旋转(默认为:true)
(6) 指定启动页面(最好填上)
android下的特殊设置
(1)
默认为false。当设置为true时,则不会拉伸图片来填充屏幕,会以图片原始比例显示图片。
(2)
默认为true。当设置为false时,APP通过navigator.app.exitApp()代码退出app后,在下次打开APP时,还会显示启动页面。若为true时,就不会出现。
最后将res下的drawable下的screen的启动图和icon图标替换一下就可以了
以上完成了启动页面的显示和替换,但是你发现启动页面竟然有状态栏不仅觉得怪怪的,于是开启了去掉启动页面导航栏的漫长的道路。(另外我封装了一个插件使用方便地址在下面)
经过百度发现Cordova有一个管理状态栏的插件 cordova-plugin-statusbar
下面是插件的官网地址里面有插件安装和使用方法我在这里不多介绍了https://cordova.apache.org/docs/en/8.x/reference/cordova-plugin-statusbar/index.html
但是安装插件之后发现使用StatusBar.hide();隐藏标题栏必须得在h5项目中,但是那个时候启动页面已经过去了,启动页面还是有标题栏的。所以我开始了修改插件之路....
经查看我找到了启动页面的插件,并且知道了android隐藏状态栏的方法(ps:下面有完整代码)
splashDialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
于是我将这句话放到了启动页面的插件中,果然生效了。启动页面的状态栏消失了,但是很快我又发现了新的问题,启动页面过后状态栏出现的时候会显得非常突兀,给用户的感觉很不方便,于是我换了一种方法,将启动页面状态栏设置透明,状态栏字体为黑色(ps:我的项目启动页面背景为白色),于是又百度了修改状态栏为透明的方法,和修改状态栏字体颜色的方法。
// 状态栏设置为透明
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
// 取消状态栏透明
splashDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
| WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
// 添加Flag把状态栏设为可绘制模式
splashDialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
//设置状态栏黑色字体
statusBarLightMode(splashDialog);
//api21新增接口 设置状态栏颜色(透明)
splashDialog.getWindow().setStatusBarColor(Color.TRANSPARENT);
}else if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
splashDialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
这段代码的意思是如果android版本在5.0以后,将安卓状态栏设为透明,并将状态栏字体颜色设为黑色,如果你不想将状态栏的字体颜色设置为黑色,如果你的项目不需要设置为黑色将设置为黑色的代码注释然后添加以下代码
splashDialog.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
另外statusBarLightMode() 这个方法是我的百度查找的还是挺好用的。下面是具体的实现方法。这段代码放在SplashScreen.java最后面就可以了
/**
* 设置状态栏黑色字体图标,
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
*
* @param activity
* @return 1:MIUUI 2:Flyme 3:android6.0
*/
public static int statusBarLightMode(Dialog activity) {
int result = 0;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
if (MIUISetStatusBarLightMode(activity.getWindow(), true)) {
result = 1;
} else if (FlymeSetStatusBarLightMode(activity.getWindow(), true)) {
result = 2;
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
result = 3;
}
}
return result;
}
/**
* 已知系统类型时,设置状态栏黑色字体图标。
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
*
* @param activity
* @param type 1:MIUUI 2:Flyme 3:android6.0
*/
public static void statusBarLightMode(Activity activity, int type) {
if (type == 1) {
MIUISetStatusBarLightMode(activity.getWindow(), true);
} else if (type == 2) {
FlymeSetStatusBarLightMode(activity.getWindow(), true);
} else if (type == 3) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
}
}
/**
* 清除MIUI或flyme或6.0以上版本状态栏黑色字体
*/
public static void statusBarDarkMode(Activity activity, int type) {
if (type == 1) {
MIUISetStatusBarLightMode(activity.getWindow(), false);
} else if (type == 2) {
FlymeSetStatusBarLightMode(activity.getWindow(), false);
} else if (type == 3) {
activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
}
}
/**
* 设置状态栏字体图标为深色,需要MIUIV6以上
*
* @param window 需要设置的窗口
* @param dark 是否把状态栏字体及图标颜色设置为深色
* @return boolean 成功执行返回true
*/
private static boolean MIUISetStatusBarLightMode(Window window, boolean dark) {
boolean result = false;
if (window != null) {
Class clazz = window.getClass();
try {
int darkModeFlag = 0;
Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
darkModeFlag = field.getInt(layoutParams);
Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
if (dark) {
extraFlagField.invoke(window, darkModeFlag, darkModeFlag);//状态栏透明且黑色字体
} else {
extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字体
}
result = true;
} catch (Exception e) {
}
}
return result;
}
/**
* 设置状态栏图标为深色和魅族特定的文字风格
* 可以用来判断是否为Flyme用户
*
* @param window 需要设置的窗口
* @param dark 是否把状态栏字体及图标颜色设置为深色
* @return boolean 成功执行返回true
*/
private static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
boolean result = false;
if (window != null) {
try {
WindowManager.LayoutParams lp = window.getAttributes();
Field darkFlag = WindowManager.LayoutParams.class
.getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
Field meizuFlags = WindowManager.LayoutParams.class
.getDeclaredField("meizuFlags");
darkFlag.setAccessible(true);
meizuFlags.setAccessible(true);
int bit = darkFlag.getInt(null);
int value = meizuFlags.getInt(lp);
if (dark) {
value |= bit;
} else {
value &= ~bit;
}
meizuFlags.setInt(lp, value);
window.setAttributes(lp);
result = true;
} catch (Exception e) {
}
}
return result;
}
另外隐藏状态栏和修改状态栏颜色的方法我都放在了SplashScreen.java中的showSplashScreen 方法中的splashDialog.setContentView(splashImageView);这段代码的前面大概在SplashScreen.java的340行左右。
插件地址:https://download.csdn.net/download/qq_25610161/10591281
插件使用方法:
在cordova 项目的config.xml添加以下配置
1. 设置启动页面状态栏透明
2.设置启动页面状态栏字体颜色为黑色
3.隐藏启动页状态栏