• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > 【经验分享】解决ios页面切换,状态栏背景、文字样式变换不自然问题

【经验分享】解决ios页面切换,状态栏背景、文字样式变换不自然问题

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含ios简历项目经验,ios项目经验,ios项目经验怎么写,王者荣耀ios刷经验,ios全民k歌刷经验等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> ios的沉浸模式默认是开启的,是由配置文件apple节点下的UIReserveStatusbarOffset属性设置的;

但是偷偷听说是创建了一个webview在状态栏位置,所以切换页面的时候并不会跟着打开的webview一起滑动,只能通过plus.navigator.setStatusBarBackground("#e3393c");或者init方法的statusBarBackground参数去设置背景颜色,切换加载webview后才会去执行修改背景颜色的方法,就会有一定的延迟,切换不和谐。

故尝试了放弃UIReserveStatusbarOffset,设置值为false,果然页面整体顶上去了,那么接下来就简单了,ios的状态栏高度固定为20px,剩下的就更安卓的沉浸模式差不多的做法了, ios中mui会给body添加固定的class:mui-plus mui-ios mui-ios-8 mui-ios-8-4 mui-statusbar,那么写几个.mui-ios 下的样式(如:.mui-ios header{ padding-top:20px;})就轻松预留了状态栏的高度,这样header是什么背景就是状态栏的背景了。

如果需要不同页面去修改状态栏文字颜色就只能通过:plus.navigator.setStatusBarStyle("UIStatusBarStyleDefault");

以及init方法的beforeback:function(){plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque");} 配合变换;

目前这样使用很流畅,基本无延迟,类似原生(ios原生为渐变)

您可能想查找下面的文章:

  • 【经验分享】解决ios页面切换,状态栏背景、文字样式变换不自然问题

相关文章

  • 2017-05-31mui.plusready和mui.ready 随先随后?
  • 2017-05-31mui Android平台 Native.js跳转系统设置各个界面
  • 2017-05-31HBuilder mui 预加载
  • 2017-05-31mui安卓、ios 实现上下拉取获取内容,容器里面的超链接失去作用
  • 2017-05-31html5视频播放自动全屏,暂停退出全屏等功能
  • 2017-05-31Hbuilder MUI 微信支付返回-1错误的经历
  • 2017-05-31MUI AJAX Raw请求数据
  • 2017-05-31HBuilder mui 手拉手教你制作引导页
  • 2017-05-31Hbuilder MUI 收回弹出的软键盘
  • 2017-05-31安卓5.0页面打开,会有非常严重的闪屏现象,求解决?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HBuilder mui 手势事件
    • 选择本地图片后,上传前显示在界面上,实现实时预览
    • mui中popover顶部弹出菜单位置不准确以及无法收回的问题
    • mui页面无法滚动解决方法
    • Hbuilder mui(IOS端)调用QQ进行客服对话功能分享
    • 解决app内部打开外部网站的问题?
    • 底部菜单 display:none ,显示是空白(还是占用地方)
    • hbuilder快捷键大全_HBuilder代码块
    • hbuilder mui IOS 平台离线打包定位插件配置
    • HTML加密混淆、源码保护、代码安全,防止解压直接看源码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有