如图

如图
赵梦欢 - 专注前端,乐于分享!
官方的title是原生title,使用nativeObj view绘制的,hello mui中有相关的代码:
//绘制顶部图标
_self = plus.webview.currentWebview();
var titleView = _self.getNavigationbar();
if(!titleView) {
titleView = plus.webview.getLaunchWebview().getNavigationbar();
}
titleView.drawRect("#cccccc", {
top: "43px",
height:"1px",
left: "0px"
}); //绘制底部边线
//开启回弹
_self.setStyle({
bounce: "vertical",
bounceBackground:"#efeff4"
});
//绘制左上角menu图标
var bitmap_menu = new plus.nativeObj.Bitmap("menu");
bitmap_menu.loadBase64Data("data:image/png;base64,......");
titleView.drawBitmap(bitmap_menu, {}, {
top: "10px",
left: "10px",
width: "24px",
height: "24px"
});
var about_left = window.innerWidth - 34;
var bitmap = new plus.nativeObj.Bitmap("about");
bitmap.loadBase64Data("data:image/png;base64,.....");
titleView.drawBitmap(bitmap, {}, {
top: "10px",
left: about_left + "px",
width: "24px",
height: "24px"
});
今晚在segmentfault讲堂开设了一场关于html5+ App开发工程化实践之路的讲座,会讲到5+ 开发中高性能的优化方案(会说明nativeObj View 及 subNview的用法)以及使用如何结合Vue.js进行开发,欢迎前来围观:https://segmentfault.com/l/1500000009542402?r=bPqXdU。