代码笔记
app状态栏的设置,不必设置padding-top
1088
8

被“留海”遮住了:




调整之后的效果:




现在生成的app内容被状态栏给覆盖掉了,为了方便现在把状态栏的时间给显示出来。

按照官方的教程把app代码部署好之后,先改以下三个地方再上传到apiCloud.

1、根目录下的\config.xml配置文件,

    找到

    <preference name="statusBarAppearance" value="false"/>

    在它上面或下面增加一句

    <preference name="iOS7StatusBarAppearance" value="false" />

代码说明: 配置应用界面是否和设备状态栏重合,表现效果为系统的状态栏是否覆盖在当前应用上,设置为flase是不重合的意思,一个是支安卓,一个是ios的设置

<preference name="iOS7StatusBarAppearance" value="false" />
<preference name="statusBarAppearance" value="false"/>

2、根目录下的/index.html文件

在javascript标签里找到如下代码:

apiready = function() {
	api.setFullScreen({fullScreen: false});

    fnOpenMain();
	quitApp();
};

改成:

apiready = function() {
	api.setFullScreen({fullScreen: false});
	
	//给状态栏设置背景色及字体样式
    api.setStatusBarStyle({
        style: 'light',
        color: '#39a4ff'
    });
	
    fnOpenMain();
	quitApp();
};

这个文件里再找到打开首页的函数

function fnOpenMain() {
    
    api.openWin({
        name: 'main',
        url: './html/index.html#main',
        bounces: false,
        vScrollBarEnabled: false,
        hScrollBarEnabled: false,
        slidBackEnabled: false
    });
	api.setFullScreen({
		//fullScreen: true,//把这个全屏设置改为false
		fullScreen: false,
	});
    
};

然后保存修改文件,用svn传上去重新编译,再下载安装可以看到效果


7
赏礼
赏钱
收藏
点击回复
      全部留言
  • 8
  • 袁冬 普通粉丝 消费:160.85元 2021-01-06 16:27 16:276楼
    留个坑
0 赏钱 赏礼回复
0 赏钱 赏礼回复
  • 石头 风格开发者 消费:20604.15元 2021-01-06 15:53 15:536楼
    真是高手,亲测,已解决
    jun_1 消费:362.01元 华为 2021-01-06 15:55
    有用就好
0 赏钱 赏礼回复
  • 奋斗 普通粉丝 消费:11元 2020-12-30 20:41 20:416楼
    好东西
0 赏钱 赏礼回复
  • 午夜梦寒 实战运营者 消费:1817.13元 2020-05-21 06:02 06:026楼
    学习一下。
0 赏钱 赏礼回复
0 赏钱 赏礼回复
更多回复
恢复多功能编辑器
  • 3 1
  • 代码笔记
        圈内贴子18
    • 圈子成员4
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648