ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【APICloud系列|23】 UIPullRefresh 模块(下拉刷新)的实现

2021-06-18 11:01:28  阅读:147  来源: 互联网

标签:初始化 APICloud UIPullRefresh 23 使用 html 模块 刷新


导读:UIPullRefresh 模块对引擎新推出的下拉刷新接口进行了一层封装,App 可以通过此模块来实现带炫酷动画效果的下拉刷新功能。

使用了 window + frame 的布局,如果你只是使用在独立的 window 布局,那么就需要在 config.xml 中配置 <preference name="customRefreshHeader' value="模块名称'/>。

  • 在 index.html 中使用 openFrame 打开 main.html,这个地方需要特别注意,此模块与其他模块引入方式不同,是不需要使用 require 去引用的,只需要在打开 openFrame 时,在其配置中新增 customRefreshHeader 字段即可,此字段接收一个字符串,因为使用 UIPullRefresh 模块,所以填写模块名就行。
  • 在 main.html 初始化的 apiready 时使用 setCustomRefreshHeaderInfo 方法初始化好它的 UI( 当然你可以在任何你需要的时候在初始化加载 UI ),该方法接收两个值,即参数与刷新完成后的回调。参数中的 transform 数组就是下拉过程中的图组,下拉会有一个固定的最大高度,模块实际就是将这组图片平均拆分到了各个高度的显示,所以你的图越多动画帧越细,则效果越流畅。load 这个字段

标签:初始化,APICloud,UIPullRefresh,23,使用,html,模块,刷新
来源: https://blog.51cto.com/u_14982347/2920559

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有