Cordova Android中ShowTitle的问题

阅读更多
根据官方文档的描述,要想显示TitleBar需要在config.xml中做如下设置(默认是false):
引用


http://cordova.apache.org/docs/en/3.4.0/guide_platforms_android_config.md.html#Android%20Configuration

但是把这个值设置成true的时候,Android应用也无法显示TitleBar!

查看Android模板代码的AndroidManifest.xml文件,发现在第36行有如下设置:
引用
android:theme="@android:style/Theme.Black.NoTitleBar"

Cordova Android中ShowTitle的问题_第1张图片
https://github.com/apache/cordova-android/blob/3.4.x/bin/templates/project/AndroidManifest.xml

意味着默认是不显示TitleBar的,和文档说明吻合,也就是说代码中应该有能显示出来TitleBar的地方。

继续看Cordova中唯一的Activity,在第225-228行可以看出,如果没有设置ShowTitle或者设置成了false的话,会隐藏TitleBar。 但是没有说如果为true的时候应该把TitleBar再显示出来。
if(!this.getBooleanProperty("ShowTitle", false))
{
  getWindow().requestFeature(Window.FEATURE_NO_TITLE);
}

Cordova Android中ShowTitle的问题_第2张图片
https://github.com/apache/cordova-android/blob/3.4.x/framework/src/org/apache/cordova/CordovaActivity.java

查看了一下AndroidManifest.xml的修改历史记录,在“Sep 18, 2012”,为了对应 CB-1126(改善Splashscreen的显示)在AndroidManifest.xml中添加了NoTitleBar的theme。但是同时可以看出修改记录没有对应何时能把TitleBar显示出来。Fix Version是2.2.0。不过显示TitleBar在Hybrid app中已经不是很经常用到的功能了。
Cordova Android中ShowTitle的问题_第3张图片
https://github.com/apache/cordova-android/commit/451688a12e1eb43303601be357d9c40fd4cf1ce5

修改方法:
if(!this.getBooleanProperty("ShowTitle", false)) {
    getWindow().requestFeature(Window.FEATURE_NO_TITLE);
} else {
    setTheme(android.R.style.Theme_Black);
}

首先修改CordovaActivity.java,添加当“ShowTitle”被设置成true的时候,显示TitleBar。
Cordova Android中ShowTitle的问题_第4张图片

但是Android4.0开始UI有大幅的变化,TitleBar也不是看到的这个样子,所以还需要要特殊处理一下:
if(!this.getBooleanProperty("ShowTitle", false)) {
    getWindow().requestFeature(Window.FEATURE_NO_TITLE);
} else {
    if(android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
    	setTheme(android.R.style.Theme_Black);
    } else {
    	setTheme(android.R.style.Theme_DeviceDefault);
    }
}

Cordova Android中ShowTitle的问题_第5张图片
http://developer.android.com/reference/android/R.style.html#Theme_DeviceDefault

TitleBar显示出来了,还需要考虑是否会对SplashScreen有影响,查看CordovaActivity的showSplashScreen()方法,发现事实它是new了个Dialog并设置了Theme_Translucent_NoTitleBar的,所以不用考虑会影响SplashScreen是否会显示TitleBar了。

同时TitleBar还牵扯到ActionBar的问题,Cordova里也没有对应。
参考: http://stackoverflow.com/questions/22038657/show-actionbar-in-android-phonegap-project
  • Cordova Android中ShowTitle的问题_第6张图片
  • 大小: 2.1 KB
  • Cordova Android中ShowTitle的问题_第7张图片
  • 大小: 8 KB
  • Cordova Android中ShowTitle的问题_第8张图片
  • 大小: 9 KB
  • Cordova Android中ShowTitle的问题_第9张图片
  • 大小: 31.5 KB
  • Cordova Android中ShowTitle的问题_第10张图片
  • 大小: 10.9 KB
  • 大小: 11.6 KB
  • 查看图片附件

你可能感兴趣的:(Cordova,PhoneGap)