杰世
杰世
  • 发布:2016-08-17 12:17
  • 更新:2016-08-19 07:05
  • 阅读:1133

页面跳转,页面会有模糊 ....

分类:MUI
mui

预加载 各种方式都用了,白屏是没有了 ,但是在第一次打开页面的时候 会有一下 模糊,然后立刻就好了

1 mui.openWindow({url:'page1.html',id:'page1',show: {
autoShow:true,
aniShow: 'slide-in-right',
duration:250
}, waiting: {
autoShow: true
}});

2 mui.plusReady(function() {
ww2 = mui.preload({
url:'page2.html',
id:'page2'
});
});

setTimeout(function() {
ww2.show('slide-in-right',200);
}, 50);

这个不知道为什么了 ,个别手机 lg 没问题 ,酷派和 htc 就有问题

2016-08-17 12:17 负责人:无 分享
已邀请:
杰世

杰世 (作者)

有人遇见过嘛?

迷途小学生

迷途小学生

这个问题我也遇到过,可能是页面的图片渲染比较慢吧。
我个人的处理方法是将autoshow设成false,然后显示等待框。另一个页面打开之后再把等待框关掉。

  • 杰世 (作者)

    等待框自己show? 然后在另一个页面 loaded 后 close??

    2016-08-18 11:45

  • 杰世 (作者)

    我现在用


    //A页面中打开B页面,设置show的autoShow为false,则B页面在其loaded事件发生后,不会自动显示;

    mui.openWindow({

    url: 'B.html',

    show:{

    autoShow:false

    }

    });

    第二步,在B页面获取列表数据后,再关闭等待框、显示B页面


    //B页面onload从服务器获取列表数据;

    window.onload = function(){

    //从服务器获取数据

    ....

    //业务数据获取完毕,并已插入当前页面DOM;

    //注意:若为ajax请求,则需将如下代码放在处理完ajax响应数据之后;

    mui.plusReady(function(){

    //关闭等待框

    plus.nativeUI.closeWaiting();

    //显示当前页面

    mui.currentWebview.show();

    });

    }


    这个也不行 - -

    2016-08-18 14:05

  • 迷途小学生

    还是会有一下模糊吗?

    另外在B页面应该不用再写这句mui.currentWebview.show();

    2016-08-18 14:17

  • 杰世 (作者)

    回复 迷途小学生:还是不行.....我估计是手机问题,个别手机这样

    2016-08-18 15:46

  • 迷途小学生

    那这个可能就要问下官方的客服了

    2016-08-18 15:50

  • 杰世 (作者)

    回复 迷途小学生:OK 非常感谢了

    2016-08-18 16:31

杰世

杰世 (作者)

webviewStyle 的render 也用了, 在魅族,酷派 两个手机,首次进入页面还是会 瞬间模糊

杰世

杰世 (作者)

我把AnimationTypeShow 设置为pop-in 能解决页面模糊问题,但是用pop-in 魅族手机,.带poppicker 这种的 就会显示出来,然后在隐藏

DCloud_heavensoft

DCloud_heavensoft

  • 杰世 (作者)

    魅族的问题跟你提下,设置pop-in 有poppicker会显示出来再跳转,如果我都设置pop-in,就不出现模糊现象,但是魅族有问题所以我改成的slide-in-right。

    2016-08-19 09:40

  • 杰世 (作者)

    我页面也没图片,很简单就是填写几项信息,然后就是有poppicker,选择一些 学历,性别等信息,模糊只在应用第一次打开,然后打开第一个页面时会出现,再打开别的页面都没有这个问题,所以我也很费解这个问题

    2016-08-19 09:42

  • 杰世 (作者)

    ww2 = mui.preload({

    url:'page2.html',

    id:'page2',

    styles: {

    hardwareAccelerated:true,

    render: 'always'

    }

    });


    因为我是离线打包也在AndroidManifest.xml中 添加了android:hardwareAccelerated="true"

    还是模糊

    2016-08-19 09:53

  • DCloud_heavensoft

    回复 杰世: Hello mui的picker界面在魅族上也有问题吗?显示出来再跳转是什么意思?

    2016-08-19 12:10

  • 杰世 (作者)

    回复 DCloud_heavensoft: mui在魅族 先显示的是 加载中... ,就是跳转到那页,但是会显示picker然后有隐藏掉,就pop-in有这个问题,别的动画都不会出现这个问题

    2016-08-19 12:24

  • DCloud_heavensoft

    回复 杰世:魅族什么设备?机型和rom的Android版本

    2016-08-19 14:10

  • 杰世 (作者)

    回复 DCloud_heavensoft: MX3 型号m353 系统Flyme OS 3.5.2(U19220) 应该是android4.2.1

    2016-08-19 14:21

  • DCloud_heavensoft

    @86285

    2016-08-19 15:44

  • 杰世 (作者)

    回复 DCloud_heavensoft:这个怎么个情况 ????

    2016-08-22 09:09

  • DCloud_heavensoft

    回复 杰世: 我们手里的魅族和公共测试平台的魅族手机都不是Android4.2的,我们再找找。@86285

    2016-08-22 10:09

  • 杰世 (作者)

    回复 DCloud_heavensoft: 哦 哦 , ok 谢谢。建议 pop-in针对魅族测试下,如果picker不显示,那么非常完美

    2016-08-22 10:32

  • 杰世 (作者)

    回复 DCloud_heavensoft: 有结果了吗

    2016-08-29 09:15

  • 杰世 (作者)

    回复 DCloud_heavensoft:~~

    2016-09-01 09:32

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