1.UI界面制作
作为一个音乐播放器,最基础的肯定就是播放、暂停、上一首以及下一首,为了使这个界面好看一点,还加入了音量控制、进度条、歌曲列表等内容,至于这种配色和效果好不好看,我也不知道,个人审美一如既往的不达标。
QT设计界面有两种方式,一种是直接通过纯代码的方式实现,将各种控件以及布局通过代码的方式编排成一个完整的UI界面,但是这种方式较为麻烦也比较复杂,代码量也比较大,还有一种就是通过UI文件拖拽QT控件,来对整个布局进行排版的效果,我这里为了省事采用的就是这种方式,至于实际效果怎么样那就要看个人审美了。
整个UI界面内部使用到的基础控件有以下几种:
控件名称 | 控件类 | 控件功能 |
---|---|---|
PushButton | QPushButton | 用来控制添加、删除、清空歌曲列表的功能 |
horizontalSlider | QSlider | 用来控制播放进度、音量等功能 |
listWidget | QListWidget | 歌单列表,内部存入添加的歌曲 |
groupBox | QgroupBox | 内部放入播放列表 |
label | Qlabel | 标签,可以用来显示提示信息以及图片 |
2.加入播放器类
UI界面设计完成之后就是加入播放器类。QT中使用播放器类需要加入对应的链接模块,通过查询QT的帮助手册可以查到,然后在项目的pro文件中加上即可。
加入链接模块后,需要添加我们需要使用到的一些相关的播放器类头文件
#include<QMediaPlayer>
#include<QMediaPlaylist>
#include<QFileDialog>
3.播放器初始化
首先在头文件先定义出我们所需要的成员以及槽函数,定义一个QMediaPlayer类以及QMediaPlaylist类,还需要记录歌曲时长,以及位置,方便我们拖动进度条。
QMediaPlaylist类,可以为QMediaPlayer提供一个播放列表,它其实是QMediaContent对象的列表,QMediaPlayer通过函数setPlaylist来设置一个播放列表。QMediaPlaylist通过函数addMedia向播放列表添加一个媒体文件。QMediaplaylist类的播放模式:PlaybackMode
private:
Ui::MainWindow *ui;
QMediaPlayer *player;
QMediaPlaylist *playlist;
QString drtTime;//歌曲时长
QString pstTime;//播放位置
private slots:
void Onstatechg(QMediaPlayer::State state);//按钮切换状态
void Onplaylishchg(int pos);//播放列表
void OnDrtchg(qint64 drt);//歌曲总时间长度
void Onpstchg(qint64 pos);//播放歌曲当前位置
对于槽函数Onstatechg()的实现,我们对state状态进行比较,从而对按钮:播放,暂停,停止按钮进行处理。
void MainWindow::Onstatechg(QMediaPlayer::State state)//按钮切换状态
{
ui->pushButton_player->setEnabled(!(state==QMediaPlayer::PlayingState));
ui->pushButton_puse->setEnabled(state==QMediaPlayer::PlayingState);
ui->pushButton_stop->setEnabled(state==QMediaPlayer::PlayingState);
}
槽函数Onplaylishchg() 的实现,获取listWidget中的项目,来显示到下方歌曲名称的label中
void MainWindow::Onplaylishchg(int pos)//播放列表
{
ui->listWidget->setCurrentRow(pos);
QListWidgetItem *item=ui->listWidget->currentItem();
if(item){
ui->label_name->setText(item->text());
}
}
槽函数OnDrtchg()的实现,先获取进度条的最大长度,根据获取的歌曲时间,转化成分,秒。放到歌曲时间label中
void MainWindow::OnDrtchg(qint64 drt)//歌曲总时间长度
{
ui->horizontalSlider_speed->setMaximum(drt);
int sec=drt/1000;//总共多少秒
int min=sec/60;//分
sec=sec%60;//秒
drtTime=QString::asprintf("%d:%d",min,sec);
ui->label_time->setText(pstTime+"/"+drtTime);
}
调整进度条,Onpstchg() 与上面方法类似,目的就是更新位置
void MainWindow::Onpstchg(qint64 pos)//播放歌曲当前位置,更新变化
{
if(ui->horizontalSlider_speed->isSliderDown()){
return;
}
ui->horizontalSlider_speed->setSliderPosition(pos);
int sec=pos/1000;
int min=sec/60;
sec=sec%60;
pstTime=QString::asprintf("%d:%d",min,sec);
ui->label_time->setText(pstTime+"/"+drtTime);
}
接着就是槽函数链接了:
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
ui->setupUi(this);
player=new QMediaPlayer(this);
playlist=new QMediaPlaylist(this);
playlist->setPlaybackMode(QMediaPlaylist::Loop);//循环模式
player->setPlaylist(playlist);
connect(player,SIGNAL(stateChanged(QMediaPlayer::State)),this,SLOT(Onstatechg(QMediaPlayer::State)));
connect(player,SIGNAL(positionChanged(qint64)),this,SLOT(Onpstchg(qint64 )));
connect(player,SIGNAL(durationChanged(qint64)),this,SLOT(OnDrtchg(qint64 )));
connect(playlist,SIGNAL(currentIndexChanged(int)),this,SLOT(Onplaylishchg(int)));
}
4.功能控件
再接着我们来实现各种按钮以及拖动进度条事件的槽函数:
这些都是我们要实现的槽函数:
先从打开文件开始:
void MainWindow::on_pushButton_open_clicked()
{
//添加歌曲
QString currentpath=QDir::homePath();//当前位置
QString dlgtitle="请选择音频文件:";//文件对话框标题
QString strfilter="所有文件(*.*);;音频文件(*.mp3);;mp3文件(*.mp3)";//文件过滤器
QStringList filelist=QFileDialog::getOpenFileNames(this,dlgtitle,currentpath,strfilter);
if(filelist.count()<1){
return;
}
for(int i=0;i<filelist.count();i++){
QString afile=filelist.at(i);
playlist->addMedia(QUrl::fromLocalFile(afile));//添加文件
QFileInfo fileinfo(afile);
ui->listWidget->addItem(fileinfo.fileName());//将文件添加到界面listwidget控件
}
if(player->state()!=QMediaPlayer::PlayingState){
playlist->setCurrentIndex(0);
}
player->play();
}
首先要获取到位置,通过文件过滤来找到我们所需要的mp3文件,根据选中的文件数量依次添加到listWidget中,
剩下的 就比较简单了,我们全放出来:
void MainWindow::on_pushButton_player_clicked()
{
if(playlist->currentIndex()<0){
playlist->setCurrentIndex(0);
}
player->play();
}
void MainWindow::on_pushButton_puse_clicked()
{
player->pause();
}
void MainWindow::on_pushButton_stop_clicked()
{
player->stop();
}
void MainWindow::on_pushButton_prev_clicked()
{
playlist->previous();
}
void MainWindow::on_pushButton_next_clicked()
{
playlist->next();
}
void MainWindow::on_pushButton_volumn_clicked()
{
bool mutex=player->isMuted();
player->setMuted(!mutex);
if(mutex){
ui->pushButton_volumn->setIcon(QIcon(":/icon/sound.png"));
}else{
ui->pushButton_volumn->setIcon(QIcon(":/icon/mute.png"));
}
}
void MainWindow::on_horizontalSlider_Volumn_valueChanged(int value)
{
player->setVolume(value);
}
void MainWindow::on_horizontalSlider_speed_valueChanged(int value)
{
player->setPosition(value);
}
以及图标我们可以创建一个资源文件,来放图标:
后续在ui文件中导入:
5. 总结
到这里基本是一个简单的音乐播放器就基本实现了,虽然里面有很多功能写的不是很详细,也有一部分操作我没有做,但是基本能实现播放、暂停、切换等基本功能。
如果后期需要对播放器的功能进行添加可以自行添加,比方说,QT有自带的视频播放功能,可以将中间的GIF图片换成播放歌曲的MV,还可以添加一个comboBox控件来选择当前播放器的播放模式,QT有内置的宏可以直接设置,我这里是直接选择的循环播放。
还有就是好像可以实现从网络获取歌曲的方法,这种的话就可以不用提前下载好歌曲了,大家可以自己去找一下,不要问我为什么没做这种,问就是我是菜鸡,我不会。
好了,差不多到这里也要结束了,作为一个QT的初学者,里面有很多设置方法在各位大佬看来可能很笨,但是目前就只有这种水平了,而且大家如果对各种基础控件的样式不满意,可以去自己找一下各种样式表,自己设置一下,我这里就没有做太多这种操作了。