qml 音乐播放器的进度条

进度条采用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(splitAndR
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值