Qt-网易云音乐界面实现-4 实现推荐列表和我的音乐列表,重要在QListWidget美化

简介: 来标记下这次我么实现的部分

image.png

这次我们来是试下这部分功能,来对比一下,左边是原生,右面是我写的,按着模仿的海可以哈,就有有的资源不是一样了,因为我连抠图都懒得扣了了image.png

好了,现在就是我的是先过程了,主要教师QListWidget的。

下面就来看看代码

 //推荐列表 列表样式
    ui->listWidget->setStyleSheet("QListWidget{color:rgb(173,175,178); background:rgb(25,27,31);border:0px solid gray;}"
                                  "QListWidget::Item{height:30px;border:0px solid gray;padding-left:15;}"
                                  "QListWidget::Item:hover{color:rgb(255,255,255);background:transparent;border:0px solid gray;}"
                                  "QListWidget::Item:selected{border-image:url(images/listwidget_h.png); color:rgb(255,255,255);border:0px solid gray;}"
                                  "QListWidget::Item:selected:active{background:#00FFFFFF;color:#FFFFFF;border-width:0;}"
                                  );
    QListWidgetItem *add_item_1 = new QListWidgetItem(ui->listWidget);
    add_item_1->setIcon(QIcon("./images/music.png"));
    add_item_1->setText("发现音乐");
    QListWidgetItem *add_item_2 = new QListWidgetItem(ui->listWidget);
    add_item_2->setIcon(QIcon("./images/fm.png"));
    add_item_2->setText("私人FM");
    QListWidgetItem *add_item_3 = new QListWidgetItem(ui->listWidget);
    add_item_3->setIcon(QIcon("./images/video.png"));
    add_item_3->setText("MV");
    QListWidgetItem *add_item_4 = new QListWidgetItem(ui->listWidget);
    add_item_4->setIcon(QIcon("./images/friend.png"));
    add_item_4->setText("朋友");
    //我的音乐列表
    ui->listWidget_mymusic->setStyleSheet("QListWidget{color:rgb(173,175,178); background:rgb(25,27,31);border:0px solid gray;}"
                                          "QListWidget::Item{height:30px;border:0px solid gray;padding-left:15;}"
                                          "QListWidget::Item:hover{color:rgb(255,255,255);background:transparent;border:0px solid gray;}"
                                          "QListWidget::Item:selected{border-image:url(images/listwidget_h.png); color:rgb(255,255,255);border:0px solid gray;}"
                                          "QListWidget::Item:selected:active{background:#00FFFFFF;color:#FFFFFF;border-width:0;}");
    QListWidgetItem *add_item_5 = new QListWidgetItem(ui->listWidget_mymusic);
    add_item_5->setIcon(QIcon("./images/music_1.png"));
    add_item_5->setText("本地音乐");
    QListWidgetItem *add_item_6 = new QListWidgetItem(ui->listWidget_mymusic);
    add_item_6->setIcon(QIcon("./images/download.png"));
    add_item_6->setText("下载管理");
    QListWidgetItem *add_item_7 = new QListWidgetItem(ui->listWidget_mymusic);
    add_item_7->setIcon(QIcon("./images/yun.png"));
    add_item_7->setText("我的音乐云盘");
    QListWidgetItem *add_item_8 = new QListWidgetItem(ui->listWidget_mymusic);
    add_item_8->setIcon(QIcon("./images/diantai.png"));
    add_item_8->setText("我的电台");
    QListWidgetItem *add_item_9 = new QListWidgetItem(ui->listWidget_mymusic);
    add_item_9->setIcon(QIcon("./images/shoucang.png"));
    add_item_9->setText("我的搜藏");

由于是两个列表,所以,这里得做一下关联。

/*
 * 推荐列表
 */
void MainWindow::on_listWidget_itemClicked(QListWidgetItem *item)
{
    qDebug()<<item->text();
    ui->listWidget_mymusic->clearSelection();
}
/*
 * 我的音乐列表
 */
void MainWindow::on_listWidget_mymusic_itemClicked(QListWidgetItem *item)
{
    qDebug()<<item->text();
    ui->listWidget->clearSelection();
}

这里就是今天的全部内容了,看着虽然有点少,但是在QListWidget的美化上面遇到了阻碍,现在已经23.20了,该准备睡觉了。明天还得上班


目录
相关文章
|
3月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
88 0
|
1月前
|
编译器
【项目开发】QT简单练习之QQ登录界面模仿
为了进一步加深对QT开发的理解,在学习完基础操作之后要进行一个简单的练习。
|
6月前
|
数据库 开发者 Windows
QT 项目视图(QListView&QTreeView&QTableView)和项目部件(QListWidget&QTreeWidget&QTableWidget)详解-2
QT 项目视图(QListView&QTreeView&QTableView)和项目部件(QListWidget&QTreeWidget&QTableWidget)详解
|
6月前
|
XML 设计模式 JSON
QT 项目视图(QListView&QTreeView&QTableView)和项目部件(QListWidget&QTreeWidget&QTableWidget)详解-1
QT 项目视图(QListView&QTreeView&QTableView)和项目部件(QListWidget&QTreeWidget&QTableWidget)详解
|
6月前
|
区块链
【qt】最快的开发界面效率——混合编程3
【qt】最快的开发界面效率——混合编程
100 1
|
6月前
|
搜索推荐
【qt】自定义界面类
【qt】自定义界面类
56 0
|
6月前
【qt】QListWidget 组件3
【qt】QListWidget 组件
26 0
|
6月前
【qt】QListWidget 组件2
【qt】QListWidget 组件
52 0
|
6月前
【qt】QListWidget 组件1
【qt】QListWidget 组件
38 0
|
4月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段,可以将文本信息嵌入到图片、视频等文件中,用于识别和证明文件的版权归属。在数字化和网络化的时代,大量的原创作品容易被不法分子盗用或侵犯版权,因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下,文本水印可以包含版权声明、制作者姓名、日期、网址等信息,以帮助识别文件的来源和版权归属。同时,为了增强防盗用效果,文本水印通常会采用字体、颜色、角度等多种组合方式,使得水印难以被删除或篡改,有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能,例如使用Qt的QPainter类进行文本绘制操作,将文本信息嵌入到图片中,
181 1
Qt(C++)开发一款图片防盗用水印制作小工具

推荐镜像

更多