Qt-网易云音乐界面实现-2 红红的程序运行图标,和相似下方音乐条

简介: 被调出来出差了,这次出差可以说是非常不开心,这次出差也算给我自己提了个醒吧,那就是注意自己的精力,自己的口碑,和比人对自己的信任。具体内容如下

我们公司有一款硬件的设备的电路是外包给某个人来做的,这个人事开始的同事,后面他自己准备单干,但是呢,失败了,最近有找了份工作糊口,但是还是结了这个活,今天来调试,把设备拆了,调试完就因为赶着明天回去上班,就撤了,撤了,撤了,留我一个写软件的来装,结果很悲剧,好多都有问题,还有个灯不亮了,虽然不影响使用,但是还是不是一个完美的产品。有点小遗憾。


这间事其实不是什么大事,我自己也有这种接私活的想法,但是,但是,但是,我想说的是,今天这样的行为给我留下了什么,如果还有下次,我是不会再找他来做了,为什么大家心里也明白,不管自己下一步有什么,但是总要为自己的行为负责吧,这个我个人认为就是不服责任的表现了。还我,我宁可明天他在扣我一天工资,我也要包今天的做好。这是我的责任。



上面扯得是没啥用的,下面我们还是上我们的正事,今天我主要做了两件事。


第一,给我们的程序加上红红的网易云音乐的LOGO。


第二,就是努力实现下面音乐播放条部分的界面。



来上我们的参考背景图image.pngimage.png

这个CSDN新版的水印怎么去掉,请小伙伴留言啊。

那么首先就是这个红彤彤的云音乐LOGO

image.png

这个程序图标在以前的Qt中修改还是比较累的,得自己建立一个文件。现在简单的,就一句话

把下面这句话放在 pro文件中即可image.png

/*播放按钮*/
QPushButton#pushButton_play
{
  border-image:url(images/btn_paly_n.png);
}
QPushButton::hover#pushButton_play
{
  border-image:url(images/btn_paly_h.png);
}
QPushButton::pressed#pushButton_play
{
  border-image:url(images/btn_paly_n.png);
}
/*下一曲按钮*/
QPushButton#pushButton_next
{
  border-image:url(images/btn_next_n.png);
}
QPushButton::hover#pushButton_next
{
  border-image:url(images/btn_next_h.png);
}
QPushButton::pressed#pushButton_next
{
  border-image:url(images/btn_next_n.png);
}
/*上一曲按钮*/
QPushButton#pushButton_last
{
  border-image:url(images/btn_last_n.png);
}
QPushButton::hover#pushButton_last
{
  border-image:url(images/btn_last_h.png);
}
QPushButton::pressed#pushButton_last
{
  border-image:url(images/btn_last_n.png);
}

音乐播放条和音量条就是一个滑块,具体是美化部分

同样附上Qss

/*音乐播放条*/
QSlider::add-page:Horizontal#horizontalSlider_music
{
  background-color: rgb(69, 69, 70);height:5px;
}
QSlider::sub-page:Horizontal#horizontalSlider_music
{
  background-color: rgb(255, 0, 0);height:5px;
}
QSlider::handle:Horizontal#horizontalSlider_music
{
  width:14px;border-image: url(images/point_music.png);margin:-5 px -5px;
}
QSlider::groove:Horizontal#horizontalSlider_music
{
  background:rgb(0, 255, 0);height:5px;
}
/*音乐音量条*/
QSlider::add-page:Horizontal#horizontalSlider_sound
{
  background-color: rgb(69, 69, 70);height:5px;
}
QSlider::sub-page:Horizontal#horizontalSlider_sound
{
  background-color: rgb(255, 0, 0);height:5px;
}
QSlider::groove:Horizontal#horizontalSlider_sound
{
  background:rgb(0, 255, 0);height:5px;
}
QSlider::handle:Horizontal#horizontalSlider_sound
{
  margin: -5px -5px;height: 10px;width:10px;background-color: transparent;
}

循环模式个歌词按钮也是两个普通的按钮

 

后面的播放列表是一个按钮加一个标签组成上Qss

/*音乐条播放列表按钮*/
QPushButton#pushButton_list
{
  border-image:url(images/list.png);
}
/*音乐条音乐列表*/
QLabel#label_sound_count
{
  color: rgb(255, 255, 255);
  background-color: rgb(43, 43, 46);
  border-width:1;
  border-color:rgb(57, 58, 60);
  border-style: solid;
  border-radius: 7px;
}

好了,今天就这里,可能要耽误几天,这几天得做点别的事。

目录
相关文章
|
6月前
|
监控 C++ 容器
【qt】MDI多文档界面开发
【qt】MDI多文档界面开发
191 0
|
7月前
|
Linux iOS开发 开发者
Qt问题(二):无法定位程序输入点于动态链接库
动态链接库(Dynamic Link Library,简称DLL)是一种可执行文件格式,常见于Windows操作系统中,而在Linux和macOS等其他操作系统中,相似的概念通常被称为共享库(Shared Library)。动态链接库允许程序在运行时加载所需的代码和数据,而不是在编译时静态链接到应用程序中。这种方式带来了几个重要的优点:
581 3
|
5月前
|
C语言 Android开发 C++
基于MTuner软件进行qt的mingw编译程序的内存泄漏检测
本文介绍了使用MTuner软件进行Qt MinGW编译程序的内存泄漏检测的方法,提供了MTuner的下载链接和测试代码示例,并通过将Debug程序拖入MTuner来定位内存泄漏问题。
基于MTuner软件进行qt的mingw编译程序的内存泄漏检测
|
4月前
|
编译器
【项目开发】QT简单练习之QQ登录界面模仿
为了进一步加深对QT开发的理解,在学习完基础操作之后要进行一个简单的练习。
|
7月前
|
调度
【浅入浅出】Qt多线程机制解析:提升程序响应性与并发处理能力
在学习QT线程的时候我们首先要知道的是QT的主线程,也叫GUI线程,意如其名,也就是我们程序的最主要的一个线程,主要负责初始化界面并监听事件循环,并根据事件处理做出界面上的反馈。但是当我们只限于在一个主线程上书写逻辑时碰到了需要一直等待的事件该怎么办?它的加载必定会带着主界面的卡顿,这时候我们就要去使用多线程。
206 6
|
7月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段,可以将文本信息嵌入到图片、视频等文件中,用于识别和证明文件的版权归属。在数字化和网络化的时代,大量的原创作品容易被不法分子盗用或侵犯版权,因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下,文本水印可以包含版权声明、制作者姓名、日期、网址等信息,以帮助识别文件的来源和版权归属。同时,为了增强防盗用效果,文本水印通常会采用字体、颜色、角度等多种组合方式,使得水印难以被删除或篡改,有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能,例如使用Qt的QPainter类进行文本绘制操作,将文本信息嵌入到图片中,
243 1
|
5月前
Qt开发
Qt开发
|
5月前
|
开发工具 C++
qt开发技巧与三个问题点
本文介绍了三个Qt开发中的常见问题及其解决方法,并提供了一些实用的开发技巧。
124 0