在原生的TitleNView画图标或是按钮

//获取TitleNView
var titleView = plus.webview.currentWebview().getTitleNView();

//有两种方法可以在原生的TitleNView画图标
//方法1.用绘制的方式,绘制的方式又有两种
var tags = [
{//用图片做图标
id:‘img’,
tag:‘img’,//*
src:‘images/qq.png’,//*
position:{
top: “10px”,
left: “10px”,
width: “24px”,
height: “24px”
}
},
{//用字体图标
id:‘font’,
tag:‘font’,//*
text:’\ue101’,//按钮的文本是使用unicode字符的,参考http://ask.dcloud.net.cn/article/12610
position:{
top: “10px”,
left: “40px”,
width: “24px”,
height: “24px”
},
textStyles: {
fontSrc:‘fonts/mui.ttf’, //*
align:‘center’,
size:‘24px’
}
}
];
//1.1直接绘制
titleView.draw(tags);
//1.2通过setStyle绘制
plus.webview.currentWebview().setStyle({
titleNView:{
‘backgroundcolor’: ‘#f7f7f7’,
‘titletext’: ‘iflower’,
‘titlecolor’: ‘#000000’,
tags:tags
}
});

//方法2.在TitleNView上加按钮
plus.webview.currentWebview().setStyle({
titleNView:{
‘backgroundcolor’: ‘#f7f7f7’,
‘titletext’: ‘iflower’,
‘titlecolor’: ‘#000000’,
buttons:[{
text:’\ue502’,
fontSrc:‘fonts/mui.ttf’,
float:‘right’, //按钮不像绘制的方法,是不能用position绝对定位的,只能左右浮动
onclick:clickButton //按钮有个好处可以直接绑定事件,如果没有事件,跟绘制没有差别了。
}]
}
});
//buttons的属性请参考http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewCustomButtonStyles
// 点击自定义按钮回调函数
function clickButton(){
plus.nativeUI.alert(‘clicked!’);
}

你可能感兴趣的:(移动开发)