amazeui-touch icon indicating copy to clipboard operation
amazeui-touch copied to clipboard

View 切换对比研究,流畅度优化

Open minwe opened this issue 9 years ago • 12 comments

目前存在问题:

  • 有时会出现不顺畅、掉帧问题
  • iOS 9.1 Chrome 46 上动画延时卡顿。
  • @rlog: 页面切换时中间有个较大的空隙 https://github.com/amazeui/amazeui-touch/issues/2#issuecomment-147953053
  • 安卓中不流畅的问题:https://github.com/amazeui/amazeui-touch/issues/2#issuecomment-147953053
  • 其他待测试发现问题。

对比 TouchstoneJS 研究优化。

minwe avatar Oct 28 '15 08:10 minwe

是啊,在安卓手机上是不太流畅,有时候还有卡顿的现象。不知道这个优化啥时候完成呢?

littlepoolshark avatar Jun 17 '16 08:06 littlepoolshark

迫切等待优化,不然很难让别人采用。还是老老实实使用f7吧

Poordeveloper avatar Jun 21 '16 02:06 Poordeveloper

@littlepoolshark 安卓上有流畅的实现么?可以提供给我们做一下参考。

minwe avatar Jun 21 '16 06:06 minwe

@minwe 我觉得mui在安卓上的view切换做得挺流畅的,可以参考一下?

littlepoolshark avatar Jul 19 '16 06:07 littlepoolshark

test

Poordeveloper avatar Jul 19 '16 15:07 Poordeveloper

@littlepoolshark 你说的是 weui.io ?他们这个动画衔接不太好,严格意义算不上转场。

你试一下 http://amazeui.org/widgets/m ,算流畅么?

minwe avatar Jul 20 '16 06:07 minwe

@minwe

@littlepoolshark 应该在讲这个吧 http://www.dcloud.io/mui.html 要用手机来玩demo才能体验到

kdenz avatar Jul 20 '16 13:07 kdenz

@littlepoolshark 不好意思,看错了。如果没有记错的话, mui 切换调用的是原生的组件,必然比 H5 模拟的效果流畅。

minwe avatar Jul 21 '16 01:07 minwe

@minwe , 刚才了解了一下,mui应该是做hybrid app的框架,切换的应该是调用原生的组件。其实amaze ui 转场效果不流畅,是不是考虑我们react-router和amaze ui 结合得不太好啊?

littlepoolshark avatar Jul 22 '16 03:07 littlepoolshark

@littlepoolshark

动画的实现机制本身会有一些问题,不过主要还是安卓自身的问题吧,即便是原生应用在某些安卓手机上也会卡。

目前无法奢望 H5 实现原生一样的体验,如果能的也就不需要 React Native 或者 Hybrid 的方式了。交互 效果只是锦上添花,如果着实影响用户体验,可以禁用。目前只能逐步探索,但不会有完美的方案。

minwe avatar Jul 22 '16 08:07 minwe

@minwe ,赞同你的说法,目前我已经禁用了转场效果,期待有更好的实现方案,一起探索!

littlepoolshark avatar Jul 25 '16 03:07 littlepoolshark

其实可以自己写一个转场动画的,我自己写的目前跳转动画在安卓和ios体验都很流畅

jinxiangqiang avatar Aug 17 '17 02:08 jinxiangqiang