//获取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!');
}

wap2app支持提示信息的国际化，如下是配置示例（需要使用HBuilder alpha版本）：

{  
    "global": {//global为全局配置，与pages数组中webview对象呈继承关系  
        "webviewParameter": {},  
        "easyConfig": {},  
        "i18n": {//国际化配置  
            "defaultLocale": "zh_CN",//默认语言，内置为中文  
            "en_US": {//英语  
                ...  
            },  
            "zh_CN":{//简体中文，wap2app内置语言，默认可以不配置  
                ...  
            }  
        }  
    },  
    "pages": [ //具体页面配置  
        ...  
    ]  
}

wap2app通过手机操作系统设置的系统语言，切换显示语言，切换逻辑如下：

• 当前操作系统设置的系统语言在sitemap.json中有配置，则使用对应配置；
• 否则，使用defaultLocale属性配置的默认语言，defaultLocale默认为简体中文。

举例，开发者配置了英语、未配置日语，且配置defaultLocale为en_US，则日本用户的提示信息会显示为英语，中国用户的提示信息会显示为内置的简体中文。

wap2app目前支持如下提示信息的语言配置：

• 弱网环境提示
• 应用退出toast提示

弱网环境提示

wap2app会自动判断当前网络环境，发现网络异常时，会自动弹出弱网警告信息，如下：

我们增加如下配置：

{  
    "global": {//global为全局配置，与pages数组中webview对象呈继承关系  
        "webviewParameter": {},  
        "easyConfig": {},  
        "i18n": {//国际化配置  
            "defaultLocale": "en_US",//默认语言  
            "en_US": {//英语配置  
                "errNetwork": {//弱网提醒confirm框  
                    "title": "Tips",  
                    "message": "weak network",  
                    "btnQuit": "quit",  
                    "btnRetry": "retry",  
                    "btnSetting": "setting"  
                }  
            }  
        }  
    },  
    "pages": [ //具体页面配置  
        ...  
    ]  
}

应用退出toast提示

wap2app退出时，默认会弹出toast消息框，提示用户“再按一次返回键退出”，该提示语的多语言配置如下：

{  
    "global": {//global为全局配置，与pages数组中webview对象呈继承关系  
        "webviewParameter": {},  
        "easyConfig": {},  
        "i18n": {//国际化配置  
            "defaultLocale": "en_US",//默认语言  
            "en_US": {//英语配置  
                "quit": {//首页退出提醒  
                    "toast": {  
                        "message": "click back button one more time"  
                    }  
                }  
            }  
        }  
    },  
    "pages": [ //具体页面配置  
        ...  
    ]  
}

我的是Vue项目
/**

• 从相册选择
  */
  pictrueImg () {
  let maxImgCount = 9 - this.imgList.length
  mui("#picture").popover("hide")
  plus.gallery.pick((e) => {
  this.imgFileArray = e.files
  this.compressImg(0)
  }, (e) => {
  mui.toast('取消选择图片')
  }, {filter:"image",multiple:true,maximum:maxImgCount,system:false,onmaxed:() => {
  plus.nativeUI.alert('最多只能选择' + maxImgCount + '张图片');
  }
  })
  },
  /**
  • 递归函数压缩图片
    */
    compressImg (num) {
    var imgFile = this.imgFileArray[num]
    var name = imgFile.substr(imgFile.lastIndexOf('/') + 1)
    plus.zip.compressImage({
    src: imgFile,
    dst: '_doc/' + name,
    overwrite: true,
    quality: 50
    }, (zip) => {
    this.imgList.push({
    imgUrl: zip.target,
    imgNumber: this.imgNumber ++
    })
    this.compressImg(num + 1)
    }, (zipe) => {
    mui.toast('压缩失败！')
    })
    },

plus.gallery.pick(function(path) {
if(mui.os.ios) {
plus.barcode.scan(path, onmarked, function(error) {
mui.alert("无法识别此图片");
});
} else {
var img = new Image();
img.src = path;
img.onload = function() { //要先确保图片完整获取到，这是个异步事件
var bitmap = new plus.nativeObj.Bitmap();
var canvas = document.createElement("canvas");
canvas.width = img.width / 20;
canvas.height = img.height / 20;
canvas.getContext("2d").drawImage(img, 0, 0, canvas.width, canvas.height);
var dataURL = canvas.toDataURL();
var tempImg = "_doc/img" + new Date().getTime() + ".png";
bitmap.loadBase64Data(dataURL, function() {
console.log("创建成功");
bitmap.save(tempImg, {
overwrite: true,
quality: 100,
format: "png"
}, function() {
console.log("保存成功");
bitmap && bitmap.recycle();
bitmap && bitmap.clear();
plus.barcode.scan(tempImg, function(type, result) {
//这是扫描出来的结果，带引号
result = result.replace(/"/g, '');
}, function(error) {
console.log("无法识别此图片");
});
}, function() {
console.log("保存失败");
});
}, function() {
console.log("创建失败");
});
};
}
});

插件地址

APP开发接近尾声.却在即将发布的时候发现APP 的QQ登陆授权凭证 和WEB版本无法共用...要了亲命了...于是各种搜索..下面吧解决办法分享给大家.

1. 首先,要用发一个邮件 给腾讯互联平台客服 connect@qq.com,说明要APP共用数据,进行应用 APPID合并 分别提供WEB/手机应用的 APPID/appkey.并提供网站的ICP备案查询截图以及帐号认证的营业执照什么的.并且告知,以某一个APPID的用户数据为原有的主应用.

2. 如果上述的邮件进行正常.会受到客服回信.已经批准什么的 邮件还会说明启用共用unionid .... 并且可通过接口进行获取：https://graph.qq.com/oauth2.0/me?access_token=ACCESSTOKEN&unionid=1....

不过HB 的第三方登陆,QQ授权并未封装获取unionid 的方法.所以,要自己再次获得授权用户的unionid..好在这部分简单得很

/*  
 * 获取QQ登陆unionID  
 */  
function getQQunionID(ACCESSTOKEN,callback)  
{     
    mui.ajax({  
        url: "https://graph.qq.com/oauth2.0/me?access_token="+ACCESSTOKEN+"&unionid=1",  
        async: true,  
        crossDomain: true, //强制使用5+跨域  
        type: 'get',          
        timeout: 50000,  
        success: function(data) {             
                if(data.indexOf("error")<=-1)  
               {  
                eval(data);  
               }  
               else{  
                mui.toast("QQ unionID凭证获取错误:"+data);  
               }  
        },  
        error: function(xhr, type, errorThrown) {  
            mui.toast("QQ unionID凭证网络访问错误:"+type);  
        }  
    });  
}  

拿去用吧:ACCESSTOKEN 是用户的ACCESSTOKEN,callback 回调方法...
这个接口访问的时候返回的是字符串:callback({appid:XXX,openid:XXX,unionid:XXX}); 所以直接eval......

看到此不要高兴得太早,如果你原来有应用的APP并且有留存用户数据...那么好了 OPENID 还是每个APPID 不同的 ,只有unionid 才会相同....怎么解? 经过各种折腾...才知道 再次回复腾讯邮件 说明需要 申请 存量用户 转为 unionid 的临时接口, 再次提供 临时接口使用的APPID 和APPKEY...然后就等着回复把..

最后怎样?写个程序 按照再次回复中临时接口的使用方法,遍历所有每个用户的原有OPENID ,再查询到新的 unionid,然后更新原有登陆凭证...

最后别忘记 如果原有登陆是WEB端...要更改登陆逻辑.需要再次获取 unionid 并储存.

这样才能保证WEB APP 等等登陆凭证的统一性.....

虽然以上解决看起来很简单.不过在网上确实没有一篇文章进行系统性的说明....都是本人一步步查..问客服才最终走到最后一步,记录下来 希望能够帮助遇到此问题倒霉程序员们吧....

有个小项目寻H5+开发人员,包含前后端，后端THINKPHP+MYSQL，请联系QQ994089287

这个问题困扰了我足有两年之久，无论是百度，还是在这里的问答，发了太多的请求贴，截止到现在也没有得到有效的解决办法
今天找了一天的IDE，都打算弃用了Hbuilder了~

先说问题吧，内置的aptana这个插件大概是不能更新了，我之前没用过eclipse，具体怎么玩也不清楚，但是这个插件按照官网的方法更新或者安装是行不通的。起初以为是本地环境的php版本问题，结果试了好久发现没卵用，后来才发现可能是这个aptana的问题。

但是很无奈，这个aptana我试了太多办法也无法更新。
今天偶然间看到一个配置项，语法验证器！对，你没看错，问题就出在了这里，事实上我在之前也发过帖子来说明的，当语法出现了aptana不能正确解析的时候，语法验证会提示语法错误，此时大纲列表也就不显示了

目前出现这种问题有两种，第一个是session，不能使用session()[]这种形式的语法，会报错，但是其它IDE就不会
第二种则是最常见的一种,php的短数组，只有团队内有一人动过这个文件，以这种形式写的数组，该文件都不再能显示大纲

**解决办法：

1. 右键项目属性 - PHP开发 - PHP版本(默认5.3)，调整为5.4.x
2. 工具 - 选项 - HBuilder - 语法验证器设置 - PHP 语法验证器 -> 点加号，增加正则表达式用以过滤错误或警告**

短数组可以使用这个正则：

\(\[

添加完成后确定，关闭当前php文件，重启IDE，再次打开后发现久违的大纲又出来了！！！！

就是这么简单的一个处理方法，但是，欸，两年了！

~不说了

从事html5开发两年多，期间用mui和hbuilder开发过几个APP，非常熟悉mui和hbuilder。

可以加QQ：2457621435

本人三年开发经验，接触Hbuiilder和MUI已经两年，用他们做过几个APP。现在有空闲时间，想接APP的外包做，
如果有需要，
请加
QQ：3319718628

可以在app查看demo

今天本打算打开手机的文件管理工具去找个文件，无意间就发现我做的app里html页面就全部都爆出来了，打开页面里面的东西全部都可以浏览到，假设我在手机上装一个手机版的html编辑器，将这几个页面里的东西稍加修改一下然后保存，路径也没有改变时我重新打开app是不是就是我修改的模样 。这个安全问题假设被别人利用起来危险性无法估计 轻轻松松修改app里面的按钮名称 图片，布局啊随随便便就破解了，甚至绕过你的付费功能 泄露你的后台接口。

希望官方能出点解决方案