美文网首页
Web app 下载更新的进度条

Web app 下载更新的进度条

作者: 阿川丶 | 来源:发表于2017-02-28 09:49 被阅读221次

老大要求下载更新的时候有个进度条,不能让用户一直在那等着,提高用户体验  

其实很简单 ,但是写的过程中碰到了问题

直接贴代码

var downToak = plus.downloader.createDownload(downurl, {   //拿到下载任务的对象

filename: '_doc/update/'

}, function(d, status) {

plus.nativeUI.closeWaiting();

if(status == 200) { //在回调中根据状态 进行操作

self.installWgt(d.filename);

} else {

app.alert("配置出错,请检查网络链接!");

}

});

downToak.start(); // 开启下载的任务

var prg = 0;

var showLoading = plus.nativeUI.showWaiting("正在下载");  //创建一个showWaiting对象 

downToak.addEventListener("statechanged", function(task, status) {  //给下载任务设置一个监听 并根据状态  做操作

switch(task.state) {

case 1:

showLoading.setTitle("正在下载");

break;

case 2:

showLoading.setTitle("已连接到服务器");

break;

case 3:

prg = parseInt(parseFloat(task.downloadedSize) / parseFloat(task.totalSize) * 100);

if(prg % 10 == 0) {  // 让百分比 10% 增长,如果这里不这么处理  出现 堆栈内存溢出的问题,有知道原因的大神指导一下哈

showLoading.setTitle("   已下载" + prg + "%   ");

}

break;

case 4:

plus.nativeUI.closeWaiting();

break;

}

});

大体就是这样,但是做的过程中  在case 3的情况下,我之前是没有通过  showWaiting的对象去setTitle的 而是直接plus.nativeUI.showWaiting

这样也会导致堆栈内存溢出的问题,我分析是应为在case 3的情况  不停地 showWaitting 导致溢出 ,如图,到底是不是这个原因希望有知道的 大神 指导一下

相关文章

  • Web app 下载更新的进度条

    老大要求下载更新的时候有个进度条,不能让用户一直在那等着,提高用户体验 其实很简单 ,但是写的过程中碰到了问题 ...

  • uniapp的更新与强制更新

    官方更新demo,打开web下载更新 在App.vue的onLaunch中,发起升级检测请求,如下: 注意:App...

  • Android中常用UI控件ProgressBar

    ProgressBar表示进度条, 应用场景也很多,比如下载时候的进度条, 程序更新时候的进度条. 我们今天用昨天...

  • 微信小程序-下载进度条

    我们经常会在APP下载中看到下载进度条,这个进度条是为了和用户交互,告知用户当前的进度,不然让用户一直处于等待,用...

  • 新浪新闻与手机新浪网的交互设计区别

    首先看看Web App和Native App的区别: Web App,指采用Html5语言写出的App,不需要下载...

  • Notification中更新进度条

    有时我们在下载的时候可以在通知里看到进度条信息,我这里做了一个简单更新进度条的通知。 进度条布局如下notific...

  • 2018-08-16

    产投集团-党建平台项目 APP开发1、APP版本更新新增进度条(未完成),卡在获取到数据值时进度条数据显示错误2、...

  • 移动端离线包发布方案

    最近做了一次关于移动端 web app 更新方案的分享,这篇文章基于这次分享展开。keynote 下载: WepA...

  • 3个步骤搞定手机盘点

    一、下载APP 苹果:APPstore 搜索【高效盘点】下载 下载后安装,安装后提示更新时,点击【立即更新】 更新...

  • Beginning Progressive Web App De

    下载地址:Beginning Progressive Web App Development.pdf

网友评论

      本文标题:Web app 下载更新的进度条

      本文链接:https://www.haomeiwen.com/subject/yoxxgttx.html