进度条采用qml的Slider组件

样式什么的,网上很多。我就不列举了。接下来主要说明,进度条是怎样按秒移动的。

Slider {

id: control

       value: 0

       stepSize: 0.01
       onValueChanged: {
               txt_time_start.text =formation(control.value)
               txt_time_end.text = formation(maximumValue);
          }
}
//timer启动
   Timer{
        id:time
        running: false
        repeat: true
       // interval: 500
        onTriggered:{
            control.value = control.value + control.stepSize 
      }
    }
//取得小数点后两位
     function splitAndRound(num) {
       num = num * Math.pow(10, 2);
        return (Math.round(num)) / (Math.pow(10, 0));
    }
//歌曲的格式都是00:00 为了保持格式因为补0
function formation(controlvalue)
        {
            //补0
              function pad(num, n) {
                  var len = num.toString().length;
                  while(len < n) {
                      num = "0" + num;
                      len++;
                  }
                  return num;
              }
            var min = Math.floor(splitAndRound(controlvalue)/60)
            var sec = splitAndRound(controlvalue)%60
            return(pad(min,2) + ":" + pad(sec,2))
        }
还没有搞清楚的是slider属性。在1.4版本里有maximumValue,minimumValue属性来改变滑块的最大值与最小值。
到了2.3版本变成了from与to。共同点value还是0至1之间的小数。我这里用的是2.3版本。 C++实现播放进度的小算法
1)更新控件的主函数
string updateSliderText(int changevalue)
{
double min = ;
double sec = ;
double tempValue = ;
string outputstring = "";
tempValue = double(changevalue);
min = floor(tempValue/);
sec = changevalue%; outputstring = pad(min,) + ":"+ pad(sec,);
return outputstring;
}

2)规范歌曲格式

string pad(int num,int n)
{
string output_string ="";
int len = ;
string s = "";
len = get_length(num);
s = to_String(num);
while(len < n)
{
s = "" + s;
len++;
} return s;
}
int get_length(int x)
{
int leng=;
while(x)
{
x/=;
leng++;
}
return leng; }
string to_String(int n)
{
int m = n;
char s[];
char ss[];
int i=,j=;
if (n < )// 处理负数
{
m = - m;
j = ;
ss[] = '-';
}
while (m>)
{
s[i++] = m % + '';
m /= ;
}
s[i] = '\0';
i = i - ;
while (i >= )
{
ss[j++] = s[i--];
}
ss[j] = '\0';
return ss;
}

想法比较粗糙。。。如果有C++11的话,to_string函数就不用自己写了。。。。

qml 音乐播放器的进度条的更多相关文章

  1. Android——音乐播放器完善——进度条显示当前播放进度,加可拖动进度条(未待解决完问题)

    效果: 问题:可拖动进度条随进度条移动时,会致使音乐卡顿(待解决) xml <?xml version="1.0" encoding="utf-8"?&g ...

  2. Vue实现mp3音乐播放及动态进度条

    今天碰到一个Vue点击mp3播放及进度条动态走动的小功能,记录一下: 首先是通过HTML5 audio标签引入音频: <template> <div class="x-fo ...

  3. android97 播放音频 有进度条控制

    package com.itheima.musicplayer; import android.os.Bundle; import android.os.Handler; import android ...

  4. 卡拉OK效果的实现-iOS音乐播放器

    自己编写的音乐播放器偶然用到这个模块,发现没有思路,而且上网搜了搜,关于这方面的文章不是很多,没找到满意的结果,然后自己也是想了想,最终实现了这种效果,想通了发现其实很简单. 直接上原理: 第一种: ...

  5. Android开发6:Service的使用(简单音乐播放器的实现)

    前言 啦啦啦~各位好久不见啦~博主最近比较忙,而且最近一次实验也是刚刚结束~ 好了不废话了,直接进入我们这次的内容~ 在这篇博文里我们将学习Service(服务)的相关知识,学会使用 Service ...

  6. android 音乐播放器

    本章以音乐播放器为载体,介绍android开发中,通知模式Notification应用.主要涉及知识点Notification,seekbar,service. 1.功能需求 完善音乐播放器 有播放列 ...

  7. 音乐播放器 EasyMusic (一)

    EasyMusic 一. 代码获取 github 上链接为 https://github.com/VincentWYJ/EasyMusic, 感兴趣的朋友可以同步下来看, 欢迎提出宝贵意见或建议. 1 ...

  8. 用PHP+H5+Boostrap做简单的音乐播放器(进阶版)

    前言:之前做了一个音乐播放器(纯前端),意外的受欢迎,然后有人建议我把后台一起做了,正好也想学习后台,所以学了两天php(不要吐槽我的速度,慢工出细活嘛~)然后在之前的基础上也又完善了一些功能,所以这 ...

  9. Android 实现简单音乐播放器(二)

    在Android 实现简单音乐播放器(一)中,我介绍了MusicPlayer的页面设计. 现在,我简单总结一些功能实现过程中的要点和有趣的细节,结合MainActivity.java代码进行说明(写出 ...

随机推荐

  1. dubbo-admin 监控中心 部署

    dubbo-admin部署 下载: GitHub:https://github.com/search?q=dubbo-admin 百度网盘: 链接:https://pan.baidu.com/s/1v ...

  2. vue下载文件

    import fileDownload from 'js-file-download' let params = { ", ", "filename":&quo ...

  3. [转]HTML标签元素的分类

      在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素和内联块状元素. 常用的块状元素有: <div>.<p ...

  4. 【VS Error】VS2008在编译时出现:Error 15 Cannot register assembly

    现象: 在visual studio 2008在编译类库时提示如下错误: Error 15 Cannot register assembly "D:\01_Work\02_SVN\OCRpl ...

  5. Python3.x:BeautifulSoup()解析网页内容出现乱码

    Python3.x:BeautifulSoup()解析网页内容出现乱码 问题: start_html = requests.get(all_url, headers=Hostreferer) Beau ...

  6. Jquery编历数组

    <html> <head> <title>编历</title> <script type="text/javascript"& ...

  7. 如何用纯 CSS 创作一个跳 8 字型舞的 loader

    效果预览 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/gKNMMm 可交互视频 此视频是可 ...

  8. 20145314郑凯杰《信息安全系统设计基础》第6周学习总结 part A

    第4章 处理器体系结构 part 1 本部分对改章节的知识点进行总结: 一个处理器支持的指令和指令的字节级编码称为它的指令集体系结构(ISA). 不同的出路器有不同的ISA. ISA模型看上去应该是顺 ...

  9. 20145328 《Java程序设计》第10周学习总结

    20145328 <Java程序设计>第10周学习总结 资料学习内容总结 网络编程 13.1 网络概述 网络编程技术是当前一种主流的编程技术,随着联网趋势的逐步增强以及网络应用程序的大量出 ...

  10. Can't connect to any repository: xxxxxx Error writing request body to server

    今天在git提交代码时一直报如下错误: Can't connect to any repository: https://gitee.com/xxxxxx(https://gitee.com/xxxx ...