PyQt5美化界面

image.png

源码 +资源加贰零⑦⑥酒六六腰贰漆
现在的优质界面必不可少的肯定需要PhotoShop的帮助，在这里也就想大家推荐几种搭配方法和奉上我的源码 +素材.
先说思路:
选择好看的背景图片尤为重要经过我的精心编辑现在奉上.

background.png

这个你们直接保存到桌面就能直接用或者一会到下面就有源码 +素材下载地址.我们继续说

image.png

接下来我们打开QtDesigner你没有的话我在线有直接能运行的整合包你也可以下载.

image.png

创建一个Label控件然后将它的文字清除.

image.png

就是酱紫~~~~

image.png

接下来我们添加图片

image.png

将scaledContents勾选，然后调整Label大小即可.

image.png

是不是一下子就高端上档次了hhhhh.
在这里我再分享一个比较好看的按钮样式:

QPushButton{
    color:White;
    font-family:微软雅黑;
    border: 2px solid DarkGray;
    background:rgb(255, 255, 255, 60);
}
QPushButton:hover{
    border: 1px solid Gray;
    background:rgb(255, 255, 255, 90);
}
QPushButton:pressed{
    border: 2px solid DarkGray;
    background:rgb(255, 255, 255, 30);
}

这是第一个

QPushButton{
    color:White;
    border-radius: 7px;
    font-family:微软雅黑;
    background:#6633FF;
    border:1px;
}
QPushButton:hover{
    background:#6666FF;
}
QPushButton:pressed{
    background:#6600FF;
}

这是第二个等下一篇文章发布的时候会继续分享比较好看的按钮的样式~

image.png

通过我的一顿瞎操作界面就成了这个样子差点忘了还有最小化和关闭的按钮样式:
最小化:

QPushButton{
    background:#6C6C6C;
    color:white;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);font-size:16px;border-radius: 8px;font-family: 微软雅黑;
}
QPushButton:hover{                    
    background:#9D9D9D;
}
QPushButton:pressed{
    border: 1px solid #3C3C3C!important;
}

关闭:

QPushButton{
    background:#CE0000;
    color:white;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);font-size:16px;border-radius: 8px;font-family: 微软雅黑;
}
QPushButton:hover{                    
    background:#FF2D2D;
}
QPushButton:pressed{
    border: 1px solid #3C3C3C!important;
    background:#AE0000;
}

好了好了源码奉上:

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'EasyLoad.ui'
#
# Created by: PyQt5 UI code generator 5.14.2
#
# WARNING! All changes made in this file will be lost!


from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtCore import *
import sys

class Ui_Form(QtWidgets.QMainWindow):
    def __init__(self):
        super().__init__()
        self.init_ui()
    def init_ui(self):
        self.setObjectName("Form")
        self.resize(678, 450)
        self.label = QtWidgets.QLabel(self)
        self.setWindowFlags(Qt.FramelessWindowHint)  # 去边框
        self.setAttribute(Qt.WA_TranslucentBackground)  # 设置窗口背景透明
        self.label.setGeometry(QtCore.QRect(0, 0, 681, 451))
        self.label.setText("")
        self.label.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/background.png"))
        self.label.setScaledContents(True)
        self.label.setObjectName("label")
        self.label_2 = QtWidgets.QLabel(self)
        self.label_2.setGeometry(QtCore.QRect(40, 50, 151, 51))
        self.label_2.setText("")
        self.label_2.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/Fore.png"))
        self.label_2.setScaledContents(True)
        self.label_2.setObjectName("label_2")
        self.label_3 = QtWidgets.QLabel(self)
        self.label_3.setGeometry(QtCore.QRect(50, 120, 141, 41))
        self.label_3.setText("")
        self.label_3.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/tabitem-focus.png"))
        self.label_3.setScaledContents(True)
        self.label_3.setObjectName("label_3")
        self.label_4 = QtWidgets.QLabel(self)
        self.label_4.setGeometry(QtCore.QRect(50, 170, 141, 41))
        self.label_4.setText("")
        self.label_4.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/tabitem-hover.png"))
        self.label_4.setScaledContents(True)
        self.label_4.setObjectName("label_4")
        self.label_5 = QtWidgets.QLabel(self)
        self.label_5.setGeometry(QtCore.QRect(50, 270, 141, 41))
        self.label_5.setText("")
        self.label_5.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/tabitem-hover.png"))
        self.label_5.setScaledContents(True)
        self.label_5.setObjectName("label_5")
        self.label_6 = QtWidgets.QLabel(self)
        self.label_6.setGeometry(QtCore.QRect(50, 220, 141, 41))
        self.label_6.setText("")
        self.label_6.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/tabitem-hover.png"))
        self.label_6.setScaledContents(True)
        self.label_6.setObjectName("label_6")
        self.label_7 = QtWidgets.QLabel(self)
        self.label_7.setGeometry(QtCore.QRect(90, 130, 101, 21))
        self.label_7.setStyleSheet("font-family:微软雅黑;")
        self.label_7.setObjectName("label_7")
        self.label_8 = QtWidgets.QLabel(self)
        self.label_8.setGeometry(QtCore.QRect(90, 180, 101, 21))
        self.label_8.setStyleSheet("font-family:微软雅黑;")
        self.label_8.setObjectName("label_8")
        self.label_9 = QtWidgets.QLabel(self)
        self.label_9.setGeometry(QtCore.QRect(90, 280, 101, 21))
        self.label_9.setStyleSheet("font-family:微软雅黑;")
        self.label_9.setObjectName("label_9")
        self.label_10 = QtWidgets.QLabel(self)
        self.label_10.setGeometry(QtCore.QRect(90, 230, 101, 21))
        self.label_10.setStyleSheet("font-family:微软雅黑;")
        self.label_10.setObjectName("label_10")
        self.label_11 = QtWidgets.QLabel(self)
        self.label_11.setGeometry(QtCore.QRect(200, 115, 231, 121))
        self.label_11.setText("")
        self.label_11.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/background.png"))
        self.label_11.setScaledContents(True)
        self.label_11.setObjectName("label_11")
        self.label_12 = QtWidgets.QLabel(self)
        self.label_12.setGeometry(QtCore.QRect(190, 230, 251, 151))
        self.label_12.setText("")
        self.label_12.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/未标题-1.png"))
        self.label_12.setScaledContents(True)
        self.label_12.setObjectName("label_12")
        self.label_13 = QtWidgets.QLabel(self)
        self.label_13.setGeometry(QtCore.QRect(280, 260, 101, 21))
        self.label_13.setStyleSheet("font-family:微软雅黑;\n"
"color:white;\n"
"font-size:15px;")
        self.label_13.setObjectName("label_13")
        self.radioButton = QtWidgets.QRadioButton(self)
        self.radioButton.setGeometry(QtCore.QRect(230, 300, 89, 16))
        self.radioButton.setStyleSheet("font-family:微软雅黑;\n"
"color:white;")
        self.radioButton.setObjectName("radioButton")
        self.radioButton_2 = QtWidgets.QRadioButton(self)
        self.radioButton_2.setGeometry(QtCore.QRect(320, 300, 89, 16))
        self.radioButton_2.setStyleSheet("font-family:微软雅黑;\n"
"color:white;")
        self.radioButton_2.setObjectName("radioButton_2")
        self.pushButton_17 = QtWidgets.QPushButton(self)
        self.pushButton_17.setGeometry(QtCore.QRect(310, 330, 81, 25))
        self.pushButton_17.setStyleSheet("QPushButton{\n"
"    color:White;\n"
"    font-family:微软雅黑;\n"
"    border: 2px solid DarkGray;\n"
"    background:rgb(255, 255, 255, 60);\n"
"}\n"
"QPushButton:hover{\n"
"    border: 1px solid Gray;\n"
"    background:rgb(255, 255, 255, 90);\n"
"}\n"
"QPushButton:pressed{\n"
"    border: 2px solid DarkGray;\n"
"    background:rgb(255, 255, 255, 30);\n"
"}")
        self.pushButton_17.setObjectName("pushButton_17")
        self.pushButton_11 = QtWidgets.QPushButton(self)
        self.pushButton_11.setGeometry(QtCore.QRect(580, 50, 16, 16))
        self.pushButton_11.setStyleSheet("QPushButton{\n"
"    background:#6C6C6C;\n"
"    color:white;\n"
"    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);font-size:16px;border-radius: 8px;font-family: 微软雅黑;\n"
"}\n"
"QPushButton:hover{                    \n"
"    background:#9D9D9D;\n"
"}\n"
"QPushButton:pressed{\n"
"    border: 1px solid #3C3C3C!important;\n"
"}")
        self.pushButton_11.setText("")
        self.pushButton_11.setObjectName("pushButton_11")
        self.pushButton_12 = QtWidgets.QPushButton(self)
        self.pushButton_12.setGeometry(QtCore.QRect(610, 50, 16, 16))
        self.pushButton_12.setStyleSheet("QPushButton{\n"
"    background:#CE0000;\n"
"    color:white;\n"
"    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);font-size:16px;border-radius: 8px;font-family: 微软雅黑;\n"
"}\n"
"QPushButton:hover{                    \n"
"    background:#FF2D2D;\n"
"}\n"
"QPushButton:pressed{\n"
"    border: 1px solid #3C3C3C!important;\n"
"    background:#AE0000;\n"
"}")
        self.pushButton_12.setText("")
        self.pushButton_12.setObjectName("pushButton_12")
        self.label_14 = QtWidgets.QLabel(self)
        self.label_14.setGeometry(QtCore.QRect(290, 140, 101, 21))
        self.label_14.setStyleSheet("font-family:微软雅黑;\n"
"font-size:15px;\n"
"color:gray;")
        self.label_14.setObjectName("label_14")
        self.label_15 = QtWidgets.QLabel(self)
        self.label_15.setGeometry(QtCore.QRect(290, 170, 121, 21))
        self.label_15.setStyleSheet("font-family:微软雅黑;\n"
"font-size:15px;\n"
"color:gray;")
        self.label_15.setObjectName("label_15")
        self.label_16 = QtWidgets.QLabel(self)
        self.label_16.setGeometry(QtCore.QRect(220, 140, 61, 61))
        self.label_16.setText("")
        self.label_16.setPixmap(QtGui.QPixmap("res/头像.jpg"))
        self.label_16.setScaledContents(True)
        self.label_16.setObjectName("label_16")
        self.label_17 = QtWidgets.QLabel(self)
        self.label_17.setGeometry(QtCore.QRect(420, 100, 221, 291))
        self.label_17.setText("")
        self.label_17.setPixmap(QtGui.QPixmap("C:/Users/Administrator/Desktop/未标题-2.png"))
        self.label_17.setScaledContents(True)
        self.label_17.setObjectName("label_17")
        self.pushButton_18 = QtWidgets.QPushButton(self)
        self.pushButton_18.setGeometry(QtCore.QRect(50, 124, 141, 33))
        self.pushButton_18.setStyleSheet("QPushButton{\n"
"    color:White;\n"
"    font-family:微软雅黑;\n"
"    border: 1px;\n"
"    background:rgb(255, 255, 255, 60);\n"
"}\n"
"QPushButton:hover{\n"
"    background:rgb(255, 255, 255, 90);\n"
"}\n"
"QPushButton:pressed{\n"
"    background:rgb(255, 255, 255, 30);\n"
"}")
        self.pushButton_18.setText("")
        self.pushButton_18.setObjectName("pushButton_18")
        self.pushButton_19 = QtWidgets.QPushButton(self)
        self.pushButton_19.setGeometry(QtCore.QRect(50, 175, 141, 33))
        self.pushButton_19.setStyleSheet("QPushButton{\n"
"    color:White;\n"
"    font-family:微软雅黑;\n"
"    border: 1px;\n"
"    background:rgb(255, 255, 255, 60);\n"
"}\n"
"QPushButton:hover{\n"
"    background:rgb(255, 255, 255, 90);\n"
"}\n"
"QPushButton:pressed{\n"
"    background:rgb(255, 255, 255, 30);\n"
"}")
        self.pushButton_19.setText("")
        self.pushButton_19.setObjectName("pushButton_19")
        self.pushButton_20 = QtWidgets.QPushButton(self)
        self.pushButton_20.setGeometry(QtCore.QRect(50, 270, 141, 33))
        self.pushButton_20.setStyleSheet("QPushButton{\n"
"    color:White;\n"
"    font-family:微软雅黑;\n"
"    border: 1px;\n"
"    background:rgb(255, 255, 255, 60);\n"
"}\n"
"QPushButton:hover{\n"
"    background:rgb(255, 255, 255, 90);\n"
"}\n"
"QPushButton:pressed{\n"
"    background:rgb(255, 255, 255, 30);\n"
"}")
        self.pushButton_20.setText("")
        self.pushButton_20.setObjectName("pushButton_20")
        self.pushButton_21 = QtWidgets.QPushButton(self)
        self.pushButton_21.setGeometry(QtCore.QRect(50, 219, 141, 33))
        self.pushButton_21.setStyleSheet("QPushButton{\n"
"    color:White;\n"
"    font-family:微软雅黑;\n"
"    border: 1px;\n"
"    background:rgb(255, 255, 255, 60);\n"
"}\n"
"QPushButton:hover{\n"
"    background:rgb(255, 255, 255, 90);\n"
"}\n"
"QPushButton:pressed{\n"
"    background:rgb(255, 255, 255, 30);\n"
"}")
        self.pushButton_21.setText("")
        self.pushButton_21.setObjectName("pushButton_21")

        self.retranslateUi(self)
        QtCore.QMetaObject.connectSlotsByName(self)
    def retranslateUi(self, Form):
        _translate = QtCore.QCoreApplication.translate
        Form.setWindowTitle(_translate("Form", "Form"))
        self.label_7.setText(_translate("Form", "DashBoard"))
        self.label_8.setText(_translate("Form", "ModManager"))
        self.label_9.setText(_translate("Form", "About"))
        self.label_10.setText(_translate("Form", "ClientLauncher"))
        self.label_13.setText(_translate("Form", "QuikStart"))
        self.radioButton.setText(_translate("Form", "Mod启动"))
        self.radioButton_2.setText(_translate("Form", "开端启动"))
        self.pushButton_17.setText(_translate("Form", "开始"))
        self.label_14.setText(_translate("Form", "Welcome, "))
        self.label_15.setText(_translate("Form", "%username% !"))
    def mousePressEvent(self, e):
        if e.button() == Qt.LeftButton:
            self.m_drag = True
            self.m_DragPosition = e.globalPos() - self.pos()
            e.accept()
    def mouseReleaseEvent(self, e):
        if e.button() == Qt.LeftButton:
            self.m_drag = False
    def mouseMoveEvent(self, e):
        try:
            if Qt.LeftButton and self.m_drag:
                self.move(e.globalPos() - self.m_DragPosition)
                e.accept()
        except:
            print("错误代码:000x0")

def main():
    app = QtWidgets.QApplication(sys.argv)
    gui = Ui_Form()
    gui.show()
    sys.exit(app.exec_())
if __name__ == '__main__':
    main()

最后编辑于：2021.04.01 17:24:49

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 200,841评论 5赞 472
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 84,415评论 2赞 377
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 147,904评论 0赞 333
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,051评论 1赞 272
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,055评论 5赞 363
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,255评论 1赞 278
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,729评论 3赞 393
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,377评论 0赞 255
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,517评论 1赞 294
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,420评论 2赞 317
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,467评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,144评论 3赞 317
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,735评论 3赞 303
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,812评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,029评论 1赞 256
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 42,528评论 2赞 346
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,126评论 2赞 341

PyQt5美化界面

推荐阅读更多精彩内容