google-chrome-app - 使用 Chrome 移动应用设置状态栏颜色

标签 google-chrome-app

我想将状态栏设置为 block 色或透明,就像在 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 中轻松更改这些值。文件位于项目的根目录下。对于您的具体要求,我会更改 StatusBarOverlaysWebViewtrue并将颜色更改为应用程序背景颜色,然后记住运行 cca prepare 。您还需要调整应用程序的外观,以免干扰状态栏文本(即可能通过将 padding-top 添加到 html 元素)。

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

关于google-chrome-app - 使用 Chrome 移动应用设置状态栏颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21673797/

相关文章:

javascript - Chrome WebUSB 无法识别设备(CAC 卡、智能卡)

google-chrome - 如何创建可在企业设备中分发的渐进式 Web 应用程序 apk/任何类型的文件

javascript - 如何在 Google Chrome 应用程序上发布 JSON?

sockets - Chrome应用程序sockets.tcpServer无法接收数据

sockets - 如何通过 https 使用 chrome.sockets.tcp.connect?如果没有,还有其他方法吗?

javascript - chrome.app.window.create 隐身窗口?

google-chrome-extension - 如何调试在 Chromebox 上运行的 Kiosk Chrome 应用程序?

javascript - 在chrome扩展程序和应用程序中实现跨扩展程序消息传递

google-chrome-app - 在 Chrome 操作系统中的何处注册 native 消息传递主机

javascript - Chrome Extension : While Capturing Desktop, 所选窗口集中在前面