mui 加载动画_【MUI】5+ 预截原动画 打开webview案例

讲几句

每次官方的案例不是太多，包括有段时间出世的plus.nativeObj.View

可以先看看官方的文章

plus.nativeObj.View解析

HTML5+ 官方 API

不说别的，咱们来看看官方人员的这一段解释

看起来很高大上啊！来来来，趁着晚上的时间折腾一下。

WebView截图

新建一个bitmap类型的变量(其实是原生的一种映射变量)

var bitmap = new plus.nativeObj.Bitmap('nwbitmap');//nwbitmap为bitmap的id

然后将webview内容绘制到Bitmap对象中

var ws = plus.webview.currentWebview();

ws.draw(bitmap,function(){

console.log('截屏绘制图片成功');

},function(e){

console.log('截屏绘制图片失败：'+JSON.stringify(e));

});

为了能获取到每一个webview的截图，我们封装一下

//webview截图

var drawWebView = function(webview, bitmap, callback) {

bitmap = bitmap || new plus.nativeObj.Bitmap('defultBitMap');

webview.draw(bitmap, function() {

callback && callback(bitmap);

}, function(err) {

callback && callback();

console.log('截图错误：' + JSON.stringify(err))

});

}

原生动画

原生动画这块的资料太多，我这里不做多解释，大家可以查阅资料5+开始原生动画

//开始原生动画

var startAnimation = function(type, bitmap, callback) {

plus.nativeObj.View.startAnimation({

type: type || 'pop-in'//pop-in从右到左划入 pop-out从右到左划出

}, {}, {

bitmap: bitmap

}, function() {

console.log('动画结束');

callback && callback();

//关闭原生动画 在这里我注释，选择在回调函数callback内处理<