潍坊UI培训
达内潍坊中心

18300268127

热门课程

MUI下拉刷新

  • 时间:2018-06-29 17:56
  • 发布:达内UI培训
  • 来源:互联网

    下拉刷新
    MUI 处理下拉刷新提供了方式两种:
    单 webview 模式
    动画原理: 下拉刷新时触发原生的刷新控件,整个 webview 位置不会发生变化,所以不会再拖动过程中发生DOM重绘,当空间拖动到一定位置触发动态加载数据以及刷新操作,不会创建新的webview,性能更优。

    使用方法:mui 初始化设置 pillRefresh各项参数,与 双 webview 模式 的子页面设置是一样的。

潍坊设计培训

    DOM 结构无特殊要求,只需要制定一个下拉刷新容器表示即可。
    模式说明:性能更优,体现在相比 双webview,不创件额外子 webview性能消耗更少,下拉拖动过程不会发生重绘,也减少了性能的消耗。
    双 webview 模式
    动画原理:使用 双webview模式的下拉刷新,创建一个子webview 添加列表,拖动时,拖动一个完整的webview,避免类似 DIV 拖动流畅度不好的问题,回弹动画使用原生动画,在iOS平台,H5的动画已经比较流畅,故依然是用H5方案,两个平台肃然有差异,但mui经过封装,可是用一套代码实现下拉刷新。

    使用方法:主页面内容比较简单,只需要穿件子页面即可。

    以上就是潍坊设计培训给大家做的内容详解,更多关于UI课程的学习,请继续关注潍坊设计培训

上一篇:介绍EUI 的优势
下一篇:了解什么是HSB

马上预约七天免费体验课

姓名:

电话:

了解什么是HSB

MUI下拉刷新

介绍EUI 的优势

ROOBO亮相微软Build2018,携手微软在人工智能领域进行多项合作

选择城市和中心
贵州省

广西省

海南省

达内教育

有位老师想和您聊一聊