使用Cordova全屏制作Android应用

时间:2014-06-19 08:38:12

标签: android cordova

我是Cordova的新手,我正在努力制作一个全屏显示的应用(将任务栏隐藏在Android的底部)。

我在网上看了似乎有两种不同的技术......我试过添加

<preference name="Fullscreen" value="true" /> to my config.xml

所以它读取

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <preference name="loglevel" value="DEBUG" />
    <preference name="AndroidLaunchMode" value="singleTop" />
    <feature name="App">
        <param name="android-package" value="org.apache.cordova.App" />
    </feature>
    <name>HelloCordova</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <access origin="*" />
    <preference name="Fullscreen" value="true" />
    <preference name="WebViewBounce" value="true" />
    <preference name="Orientation" value="landscape" />
    <preference name="HideKeyboardFormAccessoryBar" value="true" />
</widget>

状态栏仍然位于底部(尽管应用程序确实在横向上修复)。我还尝试了其他建议,包括在hellocordova.java中添加行。这导入android.view.WindowManager;然后在加载index.html后添加行:

(WindowManager.LayoutParams.FLAG_FULLSCREEN,                   WindowManager.LayoutParams.FLAG_FULLSCREEN WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);

此方法停止使用cordova build android编译应用程序。

我可以看到的任何提示。

我使用的是Android 4.1.1

2 个答案:

答案 0 :(得分:8)

不幸的是插件对我不起作用,所以我通过以下步骤管理它:

config.xml文件中添加全屏首选项:

<preference name="Fullscreen" value="true" />

AndroidManifest.xml中找到platforms/android/并添加全屏主题

<manifest ...>
    <application ...>
        <activity ... android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen">

最后,这是更难的一步,使用Immersive Full-Screen Mode。我让它工作的唯一方法是直接扩展CordovaApp.java

中的plattforms/android/src/com/example/hello/文件
...
import android.view.View;

//Cordova onCreate function....
//public void onCreate()
//...    

//this is the important thing:
@Override
public void onWindowFocusChanged(boolean hasFocus) {
  super.onWindowFocusChanged(hasFocus);
  View decorView = getWindow().getDecorView();
  if(hasFocus) {
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_FULLSCREEN
                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }
}

我不是Java开发人员(jet)所以我无法详细解释发生了什么,但它似乎有效。请记住,Cordova会创建platforms/android文件夹,因此可能会被某些操作覆盖。

答案 1 :(得分:5)

Android上的底栏称为导航栏,您正在寻找的模式称为沉浸式模式。这些条款可以帮助您进行未来的网络搜索。 尝试使用此插件 https://github.com/mesmotronic/cordova-fullscreen-plugin