PyQt5精美按钮和Label控件(点击以及悬停变化)

最新推荐文章于 2024-07-24 00:10:40 发布

Git add Cil

最新推荐文章于 2024-07-24 00:10:40 发布

阅读量7.7k

点赞数 5

分类专栏： PyQt优化文章标签： qt wpf 开发语言 python qt5

本文链接：https://blog.csdn.net/qq_62095154/article/details/122291385

版权

PyQt优化专栏收录该内容

9 篇文章 7 订阅

订阅专栏

先上效果图

这是给Yolo写的一个界面，大概花费了十年脑细胞

界面布局来自一个GitHub上的yolo代码，对槽函数改了挺多

整体由多线程的思想实现

接下来就是教程了

首先用QtDesign写一个界面

给按钮控件弄上好看的配图

self.pushButton.setStyleSheet(
            "QPushButton{color: black}"
            "QPushButton{font: 22pt \"Agency FB\";\n}"
            "QPushButton{border-image: url(image/blue_label.png)}"
            "QPushButton:hover{border-image: url(image/blue_label_3.png)}"
            "QPushButton:pressed{border-image: url(image/blue_label_2.png)}"
            "QPushButton{border-radius:20px;}")

Color是啥就不用多说了，Font代表的是字体圆角样式AgencyF8 这个可以去ppt里边这样看看哪个好看，然后就是border-image这个是设置按钮没变化(就是没悬停也没点击)的时候的照片，hover自然就是悬停了，最后pressed就是点击了，然后就是给按钮配上圆角。

这里给点击的图片调一下阴影光晕，悬停图片调对比亮度就可以实现悬停发光，点击后给人凹下去的感觉了

为了使发光更明显我们可以配上一张比较暗的图片，来突出按钮的发光

这是给label控件调的渐变红蓝颜色，在里边尝试了一上午发现的一个比较好看的颜色

self.label.setStyleSheet("font: 24pt \"Agency FB\";\n"
                                 "background-color: qlineargradient(spread:repeat, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(170, 0,20,255 ), stop:1 rgba(0,0,255, 200));"
                                 "border-radius:60px;")

前面的是圆角，后边两个括号对应的就是渐变起始值，rgb颜色，结束值，rgb颜色