先说一下,针对上一次的ui界面,这次做了重新设计,第一张是以前的,第二张是现在的设计,不要喷我按钮的ui,都是临时的,后面会用一种风格整体替换,我还加入了皮肤切换,不过还没有实现功能,这个ui也不是最终设计,后期还是会更新的,争取做到最好,说实话,这个设计真是让人头疼,毕竟是把美工的活抢了,哈哈,然后这个ui的设计,比如点击切换对应的图片,我们先不讲,这里一篇简单介绍了如何布局和美化页面点击进入,如果大家需求高的话,会考虑再写一篇有关ui进阶的,好好讲一下如何设计ui,完整项目已上传github,自行下载,其他就没有了,我们赶紧进入今天的正题。
切换歌曲的思路是:歌曲在PlayList列表是有序号的,第一首是0,第二首就是1,依此类推,player播放的是当前PlayList序号所标记的那一首,当我们需要切换下一首的时候,我们只需要将标记移到下一首,然后播放,就实现了切换歌曲的业务。下面来看实现。 mainwindow.h
int M_Amount=0; //用来记录文件总数
int M_Value=0; //当前播放的文件标记
ui创建上一首按钮(pushButton_3),右击槽,选择clicked()槽函数。 mainwindow.cpp
void MainWindow::on_pushButton_3_clicked()
{
M_Amount = playlist->mediaCount();
if(M_Value == M_Amount)
{
M_Value =0;
playlist->setCurrentIndex(M_Value);
player->play();
return;
}
playlist->setCurrentIndex(++M_Value);
player->play();
}
知识点:
可以看到ui中有一个喇叭,旁边有一个进度条,我们实现拖动进度条改变音量,而直接点击喇叭则静音。 1.喇叭按钮,选择clicked()槽函数。 2.进度条右键,选择valueChanged()槽函数,注意不要选两个参数的。 mainwindow.cpp
void MainWindow::on_pushButton_5_clicked()
{
player->setVolume(0);
}
void MainWindow::on_horizontalSlider_2_valueChanged(int value)
{
player->setVolume(value);
}
知识点:
语速也是用一个进度条来调节。 mainwindow.cpp
void MainWindow::on_verticalSlider_valueChanged(int value)
{
player->setPlaybackRate(value);
}
void MainWindow::on_pushButton_2_clicked()
{
if(m_IsPause==true)//false 为播放
{
ui->pushButton_2->setStyleSheet("border-image: url(:/lib/1bofang.png);");
m_IsPause = false;
player->pause();
return;
}
m_IsPause = true;
ui->pushButton_2->setStyleSheet("border-image: url(:/lib/1zantingtingzhi.png);");
player->play();
}
原代码
void MainWindow::on_horizontalSlider_valueChanged(int value)
{
player->setPosition(value);//移动进度条触发
}
修改后
void MainWindow::on_horizontalSlider_sliderReleased()//释放鼠标后触发
{
player->setPosition(ui->horizontalSlider->value());
}