qt编写网易云界面（3）----列表框的实现

今天完成列表框的数据，我们来看下，原版网易云部分：

我们要实现的就是左边的部分，标题栏与下面控制栏都已经写完毕。详细可以看我前面播客。

目前完成的部分：

首先要说明一下，里面会有些不同，毕竟我找不到图标呀，这点希望大家能够用就好。

上一个动态图：

这部分主要代码：

void AllMain::setListT1()
{//首先我们要把滚动条给取消掉 垂直与水平ui->listT1->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);ui->listT1->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);QListWidgetItem *findMusic = new QListWidgetItem(ui->listT1);findMusic->setText("发现音乐");QListWidgetItem *podcast = new QListWidgetItem(ui->listT1);podcast->setText("播客");QListWidgetItem *video = new QListWidgetItem(ui->listT1);video->setText("视频");QListWidgetItem *friends = new QListWidgetItem(ui->listT1);friends->setText("朋友");QListWidgetItem *live = new QListWidgetItem(ui->listT1);live->setText("直播");QListWidgetItem *pcFM = new QListWidgetItem(ui->listT1);pcFM->setText("私人FM");}void AllMain::setListT2()
{ui->listT2->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);ui->listT2->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);QListWidgetItem *localDownload = new QListWidgetItem(ui->listT2);localDownload->setIcon(QIcon("./images/下载.png"));localDownload->setText("本地与下载");QListWidgetItem *recentPlay = new QListWidgetItem(ui->listT2);recentPlay->setIcon(QIcon("./images/最近播放.png"));recentPlay->setText("最近播放");QListWidgetItem *myMusic = new QListWidgetItem(ui->listT2);myMusic->setIcon(QIcon("./images/云盘.png"));myMusic->setText("我的音乐云盘");QListWidgetItem *myPodcast = new QListWidgetItem(ui->listT2);myPodcast->setIcon(QIcon("./images/播客.png"));myPodcast->setText("我的播客");QListWidgetItem *myCollect = new QListWidgetItem(ui->listT2);myCollect->setIcon(QIcon("./images/收藏.png"));myCollect->setText("我的收藏");
}void AllMain::setListT3()
{ui->listT3->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);ui->listT3->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);QListWidgetItem *myLove = new QListWidgetItem(ui->listT3);myLove->setIcon(QIcon("./images/心.png"));myLove->setText("我喜欢的音乐");}

对应的样式表：

QScrollArea#scrollArea
{background-color:transparent; border:0px;border-right: 1px solid rgb(205,205,205);
}QWidget#scrollAreaWidgetContents
{background:rgb(255,255,255);}
/*发现音乐*/
QListWidget#listT1
{padding-top:13px;border:0px;color:rgb(55,55,55);background:rgb(255,255,255);padding-left:15px;
}/*去除焦点虚线*/
*
{outline:0px;
}QListWidget::Item#listT1
{height:36;border:0px solid rgb(255,255,255);   padding-top:1px;}QListWidget::Item:hover#listT1
{background:rgb(246,246,247);
}
/*选中*/
QListWidget::Item:selected#listT1
{font-size:16;color:rgb(55,55,55);border:0px;background:rgb(246,246,247);
}
/*我的音乐*/
QLabel#label_my_music
{padding-left:15px;color:rgb(159,159,159);
}
QListWidget#listT2
{padding-top:5px;border:0px;color:rgb(55,55,55);background:rgb(255,255,255);padding-left:15px;
}QListWidget::Item#listT2
{height:38;border:0px solid rgb(255,255,255);   }QListWidget::Item:hover#listT2
{background:rgb(246,246,247);
}
/*选中*/
QListWidget::Item:selected#listT2
{font-size:16;color:rgb(55,55,55);border:0px;background:rgb(246,246,247);
}QLabel#label_create_music
{padding-top:5px;padding-left:15px;color:rgb(159,159,159);
}
/*加*/
QPushButton#pushButton_add
{padding-top:4px;border-image:url(images/加.png);
}
/*list3*/
QListWidget#listT3
{padding-top:2px;border:0px;color:rgb(55,55,55);background:rgb(255,255,255);padding-left:15px;
}QListWidget::Item#listT3
{height:38;border:0px solid rgb(255,255,255);   }QListWidget::Item:hover#listT3
{background:rgb(246,246,247);
}
/*选中*/
QListWidget::Item:selected#listT3
{font-size:16;color:rgb(55,55,55);border:0px;background:rgb(246,246,247);
}

喜欢我播客的同学可以关注我，让我们共同进步，后期我会把项目上传到git上，希望能够让大家共同学习。

qt编写网易云界面（3）----列表框的实现相关推荐

qt编写网易云界面（7）----个性推荐界面
前段时间把qt网易云中的轮播图,写了一下,多谢谢建波大佬给的指点,后期我也会把源码发到git 上,让大家快点了解,喜欢我博客,可以关注我,私信我可以提前得到当前代码.(看到必回) 我们目标的网易云界面 ...
qt编写网易云界面（8）----专属定制界面
前段时间把qt网易云中的简单的画廊写了一下,多谢狗哥大佬给的指点,后期我也会把源码发到git 上,让大家快点了解,喜欢我博客,可以关注我,私信我可以提前得到当前代码.(看到必回) 我们目标的网易云界面 ...
qt编写网易云界面（5）----搜索框的实现
我们知道当我们点击网易云的搜索框的时候,会出现对应的搜索内容. 如下图: 滑块可以滑动,选择对应的模块我实现的部分: gif显示的还是不是那么好.下面简单实现过程: 主页面使用过滤器,构造函数中: ...
qt编写网易云界面（16）---- 源码与感想
前言: 网易云这个项目弄完了,不知道为何,做完后有点点失落感,当时没有考虑到后面会有小伙伴们想要学习这个代码,所以在项目开始的时候做的非常错乱,很多现在看看都是非常低级的问题. 这个项目算是刚接触qt ...
qt编写网易云界面（10）----排行榜模块
这个模块东西感觉不是很多,其实在,开发的时候细节还是很麻烦的,本以为2个小时绝对搞定,结果搞了半天,不过也想到了很多方式去实现对应的效果,希望大家能够喜欢. 喜欢我,点赞加关注我偶,很快会把整个项目给 ...
qt编写网易云界面（13）----一键换肤模块
有关一键换肤,我们可以加载不同的qss文件对应其经行改变,这里模仿网易云,一键换肤的功能,直接看写过的部分. 代码这周就上传了,想要代码的朋友,记得关注与点赞,让我们共同进步. 这里我放入了6个模块颜 ...
qt编写网易云界面（6）----个人中心的实现
我们点击网易云的个人中心的时候. 目前我实现的部分: 还是有点区别的,这部分动态图如下: 这里personform.ui布局部分: personform.h #ifndef PERSONFORM_H ...
基于qt实现网易云界面轮播效果实现
基于qt实现网易云音乐的轮播效果网易云轮播效果前言其实主要是想做点记录吧,本人比较喜欢音乐,所以在上周决定在搭建一个网易云的界面框架,不做不知道,做了才发现qt还有很多的框架是自己不太熟悉的. ...
Android初级，实现网易云音乐歌曲列表界面效果，播放界面效果，ListView，ViewPager方法详解
初学Android初级,第一篇博客文章,如有错误,还望批评指正! 本文主要内容以网易云音乐歌曲列表界面效果代码,播放音乐界面效果代码为主,并将ListView和ViewPager作为实现界面滑动功能的 ...

qt编写网易云界面（3）----列表框的实现

qt编写网易云界面（3）----列表框的实现相关推荐

最新文章

热门文章