使用Chrome移动应用设置状态栏颜色

时间:2014-02-10 09:50:19

标签: google-chrome-app

我想将状态栏设置为块颜色或透明,就像在Google即时应用中一样。

这是可能的,如果是的话,怎么样?

1 个答案:

答案 0 :(得分:2)

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还有其他可以更改的首选项(尽管您不应更改其他标记,因为这些标记会自动更新)。您可以通过查看每个插件'<preference>文件的plugins/文件夹来阅读各种README.md,这些文件通常可以很好地描述自己,或者通过在线研究cordova应用程序开发