MUI在ios中的一些问题

683人阅读 评论(0) 收藏 举报
分类:

MUI开发中,ios跟Android是存在差异,目前碰到的问题有以下几种

1,IOS跟Adroid在margin值时,存在差异,这时候只要让手机判断是IOS还是Android即可,这里给出两种方式判

//第一种
if(mui.os.android){ 	//注意,这里是小写的android 
      $("#header").css("margin-top","50px");
}else{ 
      $("#header").css("margin-top","90px);
};
//第二种
var phone = plus.os.name;
if(phone == 'Android'){ 
      $("#header").css("margin-top","50px");
}else if(phone == "IOS"){
      $("#header").css("margin-top"."90px");
};

2,ios开发中不能使用单webview模式的下拉刷新跟上拉加载,这样会导致header头部会出现闪动问题(Andriud没有这个问题存在)

//ios中虽然支持这种单webview模式,但是会导致头部在上拉的时候出现头部闪动问题
pullRefresh: {
		 container: "#pullrefresh", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
			down: {
				style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
				color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
				height: '50px', //可选,默认50px.下拉刷新控件的高度,
				range: '100px', //可选 默认100px,控件可下拉拖拽的范围
				offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
				auto: false, //可选,默认false.首次加载自动上拉刷新一次
				callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
			},
			up: {
				height: 50, //可选.默认50.触发上拉加载拖动距离
				contentrefresh: "正在加载...", //可选,正在加载状态时,上拉加载控件上显示的标题内容
				callback: pullupRefresh
			     }
	    }

ios开发中如果想使用下拉加载上垃刷新,还是用官网的双webview模式

3,MUI在IOS中传递参数的时候自定义事件没有extras传参方式好用(我这里是这样的,当然Andriud没有这个问题存在)

      如果非要使用自定义事件的话,需要提前预加载,预加载的话不建议mui.init( )中的preloadPages预加载

mui.init({				//ios中这种模式的预加载貌似没有什么作用,或者只能执行一次
	preloadPages: [{
			url: 'abc.html',
			id: 'abc',
		       }]
});
var list = plus.webview.getWebviewByid('abc');//这里可能返回空;

IOS中自定义传参这里推荐使用mui.preload( )来进行预加载

var page = mui.preload({
    url:new-page-url,
    id:new-page-id,//默认使用当前页面的url作为id
    styles:{},//窗口参数
    extras:{}//自定义扩展参数
});
虽然官网上说一次只能预加载一个页面多个需要多次调用这个方法,在项目开发中我发现多次调用,第二次调用数据会消失,原因不明(待试)

查看评论

那些H5在Android和IOS上出现的丧心病狂的坑

首先得强调一下,H5和移动设备的交互遇到的问题真的是各种丧心病狂!!但是本主依然还是耐着极大的兴致(无奈)的做了下去。 H5页面在Android或者IOS上运行出现问题(这里的运行指的是h5的页面运...
  • LeyYang
  • LeyYang
  • 2016年07月14日 00:16
  • 19647

mui框架下的几个ios和android兼容性问题

1.  查看大图加载方法:     ios和安卓兼容:document.body.clientHeight+"px";     安卓不兼容 :screen.availHeight+...
  • zhaozilong666
  • zhaozilong666
  • 2017年03月10日 10:41
  • 421

html5 runtime运行环境

获取当前运行环境信息、与其它程序进行通讯等。通过plus.runtime可获取运行环境管理对象。 属性: appid: 当前应用的APPID arguments: 第三方程序调用时...
  • xiejunna
  • xiejunna
  • 2016年11月08日 19:54
  • 6768

mui 开发知识 积累总结-----puls.runtime

Runtime Runtime模块管理运行环境,可用于获取当前运行环境信息、与其它程序进行通讯等。通过plus.runtime可获取运行环境管理对象。 属性: version获取客户端的版本...
  • qq_34836433
  • qq_34836433
  • 2016年11月27日 13:25
  • 1612

MUI踩过的一些坑

1使用了下拉刷新后     这里面的内容,所有的a标签都的href都无法正常跳转,div,span,a ,i  等等这些标签里面的onlick 事件和 click 都无法执行。只有在button上面绑...
  • u010394015
  • u010394015
  • 2017年04月18日 10:15
  • 2641

mui.fire()用法

作用:通过mui.fire()方法可以触发目标窗口的自定义事件 mui.fire(目标窗口的webview,'自定义事件名',{参数列表}); 目标窗口监听这个自定义事件 window.addE...
  • sck0088
  • sck0088
  • 2015年07月30日 10:55
  • 16160

H5开发01——mui.fire()触发自定义事件

监听自定义事件 添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',funct...
  • jiang314
  • jiang314
  • 2016年05月06日 13:43
  • 3846

iOS 整理iOS9适配中出现的坑

转载 http://www.cocoachina.com/ios/20151016/13715.html ==========================================...
  • worldzhy
  • worldzhy
  • 2015年10月19日 15:26
  • 31964

iOS中消息框提示的出现与自动消失

使用UIAlertView和NSTimer可以很轻松地实现消息框提示的出现与自动消失 - (void)timeFireMethod:(NSTimer *)theTimer{ UIAlert...
  • EmotionV
  • EmotionV
  • 2015年05月28日 19:40
  • 489

MUI-AJAX实现数据请求

mui框架基于htm5plus的XMLHttpRequest,封装了常用的Ajax函数,支持GET、POST请求方式,支持返回json、xml、html、text、script数据类型; 本着极简的设...
  • u013059555
  • u013059555
  • 2015年08月19日 13:56
  • 10740
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 443
    排名: 11万+