博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
cordova StatusBar插件的使用(设置手机状态栏颜色和页面头部颜色一致),做出和原生一样的页面效果体验...
阅读量:5055 次
发布时间:2019-06-12

本文共 2292 字,大约阅读时间需要 7 分钟。

cordova StatusBar插件的使用(设置手机状态栏颜色和页面头部颜色一致),做出和原生一样的页面效果体验 设置设备状态栏背景颜色 StatusBar.backgroundColorByHexString('#11c1f3');//设置数值类型
StatusBar.backgroundColorByName("white"); //设置名称类型
可以去参考 StatusBar插件的js源代码,里面很多设置方法。 var namedColors = {
    "black": "#000000",     "darkGray": "#A9A9A9",     "lightGray": "#D3D3D3",     "white": "#FFFFFF",     "gray": "#808080",     "red": "#FF0000",     "green": "#00FF00",     "blue": "#0000FF",     "cyan": "#00FFFF",     "yellow": "#FFFF00",     "magenta": "#FF00FF",     "orange": "#FFA500",     "purple": "#800080",     "brown": "#A52A2A" }; var StatusBar = {
    isVisible: true,     overlaysWebView: function (doOverlay) {
        exec(null, null, "StatusBar", "overlaysWebView", [doOverlay]);     },     styleDefault: function () {
        // dark text ( to be used on a light background )         exec(null, null, "StatusBar", "styleDefault", []);     },     styleLightContent: function () {
        // light text ( to be used on a dark background )         exec(null, null, "StatusBar", "styleLightContent", []);     },     styleBlackTranslucent: function () {
        // #88000000 ? Apple says to use lightContent instead         exec(null, null, "StatusBar", "styleBlackTranslucent", []);     },     styleBlackOpaque: function () {
        // #FF000000 ? Apple says to use lightContent instead         exec(null, null, "StatusBar", "styleBlackOpaque", []);     },     backgroundColorByName: function (colorname) {
        return StatusBar.backgroundColorByHexString(namedColors[colorname]);     },     backgroundColorByHexString: function (hexString) {
        if (hexString.charAt(0) !== "#") {
            hexString = "#" + hexString;         }         if (hexString.length === 4) {
            var split = hexString.split("");             hexString = "#" + split[1] + split[1] + split[2] + split[2] + split[3] + split[3];         }         exec(null, null, "StatusBar", "backgroundColorByHexString", [hexString]);     },     hide: function () {
        exec(null, null, "StatusBar", "hide", []);         StatusBar.isVisible = false;     },     show: function () {
        exec(null, null, "StatusBar", "show", []);         StatusBar.isVisible = true;     } };

转载于:https://www.cnblogs.com/qifan/p/6076400.html

你可能感兴趣的文章
软件测试基础 - 缺陷管理
查看>>
操作系统面试
查看>>
java-大数据运算
查看>>
谜题48:我所得到的都是静态的
查看>>
Remove Linked List Elements
查看>>
Effective java -- 7 通用程序设计
查看>>
Oracle数据库数据字典学习
查看>>
如何删除Sitecore CMS中的项目
查看>>
谷歌Chrome浏览器离线安装包
查看>>
java基础:包装类
查看>>
Mysql中文乱码
查看>>
XILINX FFT IP仿真 (二)
查看>>
常用颜色RGB、灰度值
查看>>
约瑟夫问题-----循环链表
查看>>
Dubbo
查看>>
[转]struct 用法深入探索
查看>>
PIC16F877A开发板 普通IO驱动74595实验
查看>>
C#观察者模式的实现的一点理解。
查看>>
SQL Inserted和deleted详解
查看>>
HTML规范
查看>>