下面这个是首页绘制的头部
//绘制头部
headView = plus.nativeObj.View.getViewById('indexBar')
if(!headView) {
headView = new plus.nativeObj.View('indexBar', {
height: '45px',
position: 'dock',
dock: 'top'
});
}
headView.drawText(data.indexName, {}, {
color: '#fff',
size: '16px'
}, 'indexTitle');
self.append(headView);
这个是创建子页面的代码
//预加载子webview
var subWebview = tabbar.options.subpages[i]
if(!plus.webview.getWebviewById(subWebview.url)) {
var styles = {
top: '0px',
bottom: '51px',
'titleNView': {
'backgroundColor': '#42BD56',
'titleText': subWebview.title,
'titleColor': '#fff'
}
}
var wb = plus.webview.create(subWebview.url, subWebview.url, styles);
wb.hide();
self.append(wb)
在安卓下,子页面会完全覆盖首页;
但在ios下好像是追加到首页去了
---------------- 分割线 ---------------------
我的处理方法,不知道是否最好的方法:
在ios下重绘首页header的高度,感觉这样性能会很差~
//显示子webview
if(index > 0) {
//隐藏首页header
if(mui.os.ios)
headView.setStyle({
height: '0'
})
plus.webview.show(tabbar.options.subpages[index - 1].url)
} else {
//显示首页header
if(mui.os.ios)
headView.setStyle({
height: '45px'
})
}
枫桥居APP (作者)
谢谢
2017-09-14 11:51