i***@126.com
i***@126.com
  • 发布:2016-11-30 16:49
  • 更新:2016-12-01 11:24
  • 阅读:2275

预加载后,显示页面闪屏抖屏

分类:MUI
plus.webview.create( 子页面            );  
self.append(父页面);

利用H5+创建子页面,子页面.show("fade-in");不会闪屏,但是没有预加载会白屏一会儿,
所以利用MUI的preload预加载

mui.init({  
    preloadPages:[  
        {  
          url:'user/info.html',  
          id:'info',  
           styles:{  
            top: '20%',//设置距离顶部的距离  
            bottom: '20%',//设置距离底部的距离  
            left: '22%',  
            right: '30%',  
            width:'56%'  
            }  
        }  
    ]  
})

预加载后,再利用如下代码显示,却会闪屏抖屏!

var info_list = plus.webview.getWebviewById('info');  
info_list.show("fade-in");
2016-11-30 16:49 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

mui.init预加载页面该种方案使用简单、可预加载多个页面,但不会返回预加载每个页面的引用,若要获得对应webview引用,还需要通过plus.webview.getWebviewById方式获得;另外,因为mui.init是异步执行,执行完mui.init方法后立即获得对应webview引用,可能会失败。通过mui.preload()方法预加载,可立即返回对应webview的引用,但一次仅能预加载一个页面;若需加载多个webview,则需多次调用mui.preload()方法;如上两种方案,各有优劣,需根据具体业务场景灵活选择。

文档:http://dev.dcloud.net.cn/mui/window/#preload

i***@126.com

i***@126.com (作者)

解决了,预加载时关闭预加载窗口的硬件加速
在styles里添加
hardwareAccelerated:false

i***@126.com

i***@126.com (作者)

有人吗。。客服回的什么鬼

该问题目前已经被锁定, 无法添加新回复