l***@126.com
l***@126.com
  • 发布:2017-09-20 18:14
  • 更新:2017-09-21 13:11
  • 阅读:2540

转场卡顿明显

分类:MUI
mui

公司在用hbuilder做项目(mui),用的时候我就觉得转场卡,开始以为是开发问题,然后我下了官方的demo,就是各种组件那个,在首页上的那个。安装到手机上(三星note5), 打开程序后,随便选个点,页面切换,在后退出来,多试几次,前几次没问题,后来每次后退出来都能明显觉得卡顿,太影响品质了

2017-09-20 18:14 负责人:无 分享
已邀请:
l***@126.com

l***@126.com (作者) - 是80后没错

HBuilder运行到手机上的,昨天又是试了下,拔掉USB线就流畅很多,卡顿不明显不特意去感受的情况还可以。明显卡顿可能是插线时HBuilder会输出log日志的原因。

3***@qq.com

3***@qq.com

我每次点back,后退的时候,也会明显感觉卡个600-1500ms才会开始动画后退,老实说dcloud真心应该把这个转场动画优化好

  • DCloud_heavensoft

    这个问题应该是Android5上popin动画的问题,不使用popin动画或动画时设置不使用截图就会变快(http://www.html5plus.org/doc/zh_cn/webview.html里搜截图),但注意此时对页面的dom复杂度有要求,代码要精简,否则在部分Android5手机上会花屏。


    2017-09-22 17:25

  • 3***@qq.com

    不知道是不是今天更新了Hbuilder和运行基座的关系,back卡顿问题直接消失不见了,现在感觉和原生的一样流畅了


    2017-09-23 19:28

DCloud_heavensoft

DCloud_heavensoft

看你的描述,可能是Android5设备的硬件加速未开启。
你下的官方demo,是直接从我们网上下载的apk,还是自己下源码打包的?如果是自己打包,很可能没有开硬件加速。

l***@126.com

l***@126.com (作者) - 是80后没错

我又在http://www.dcloud.io/mui.html,扫码下载的这个demo,进去之后点 tab bar (选项卡)-> 左侧选项卡-div模式 ,还是能感受到卡顿。和原生的那种细腻度差太多了,微信也是h5开发的,转场动画有点硬但是不卡,mui的转场能感觉到“帧”,希望还是优化下吧,IDE还是不错。

  • DCloud_heavensoft

    那个div模式,是为了兼容普通浏览器而存在的。在app开发时,不应该使用div模式


    2017-09-22 17:22

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