【发布时间】:2014-02-12 00:27:07
【问题描述】:
我想将状态栏设置为块色或透明,就像在 Google Now 应用中一样。
这可能吗?如果可以,怎么做?
【问题讨论】:
我想将状态栏设置为块色或透明,就像在 Google Now 应用中一样。
这可能吗?如果可以,怎么做?
【问题讨论】:
Chrome Apps on Mobile 利用Apache Cordova,我们决定默认包含cordova statusbar plugin。
我们默认包含以下cordova状态栏插件<preference>:
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
这基本上意味着您的应用内容不会覆盖状态栏(内容被下推,就像在 iOS 6 上一样),并且默认颜色为黑色。这是 chrome 应用程序的一个很好的默认设置,但不是 iOS 7 外观的理想设计。
幸运的是,您可以在项目根目录的 config.xml 文件中轻松更改这些值。对于您的具体要求,我会将StatusBarOverlaysWebView 更改为true 并将颜色更改为您的应用背景颜色,然后记得运行cca prepare。您还需要调整应用程序的外观和感觉,以免干扰状态栏文本(例如,可能通过将 padding-top 添加到 html 元素)。
config.xml 具有您可以更改的其他首选项(尽管您不应该更改其他标签,因为它们是自动更新的)。您可以通过查看每个插件的README.md 文件的plugins/ 文件夹来了解各种<preference>,该文件通常可以很好地描述自身,或者通过在线研究cordova 应用程序开发。
【讨论】:
<preference name="fullscreen" value="true" />,您可以将其切换为Android 以完全显示/隐藏状态栏。不幸的是,iOS7 使用的偏好名称与 Android 不同,但全屏在该平台上略有不同。