Python-PyQt5-图形可视化界面(3)--按钮--Qpushbutton

Ps：水平有限，欢迎建议和挑错

PyQt5中按钮是一个QpushButton，可以提供一个点击的按钮来触发摸一个事件。

按钮可以显示图片或者文字。

创建按钮

我们在第一节的mainwindow上创建一个按钮，代码如下：


from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240, 75, 23))

        self.pushButton.setObjectName("pushButton")

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())
image

这里只是单单创建一个按钮，按钮点击并没有任何作用。

同样按钮也可以进行各种设置。

image

除了上图几种方法，再介绍另外几种方法。

（1）设置字体大小，加粗，字型

font = QtGui.QFont()

font.setFamily('微软雅黑')

 font.setBold(True)

font.setPointSize(13)

font.setWeight(75)

self.pushButton.setFont(font)

这个方法是通用的。几乎PyQt其他组件也能用。


image

（2）设置图片

icon = QtGui.QIcon()

icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)

self.pushButton.setIcon(icon)

self.pushButton.setIconSize(QtCore.QSize(50, 80))

self.pushButton.setAutoRepeatDelay(200)
image

无图代码

from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))

        self.pushButton.setObjectName("pushButton")

        self.pushButton.setText("一颗数据小白菜")

        # self.pushButton.setFlat(True)

        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"

"border-color: rgb(170, 150, 163);"

"font: 75 12pt \"Arial Narrow\";"

"color: rgb(126, 255, 46);")

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())
image

有图代码

from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))

        self.pushButton.setObjectName("pushButton")

        self.pushButton.setText("一颗数据小白菜")

        # self.pushButton.setFlat(True)

        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"

"border-color: rgb(170, 150, 163);"

"font: 75 12pt \"Arial Narrow\";"

"color: rgb(126, 255, 46);")

        icon = QtGui.QIcon()

        icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)

        self.pushButton.setIcon(icon)

        self.pushButton.setIconSize(QtCore.QSize(50, 80))

        self.pushButton.setAutoRepeatDelay(200)

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())
image

绑定按钮事件

我们给按钮绑定触发时间，用：

pushbutton.clicked.connect()

（1）退出事件

我们给按钮绑定退出事件:

self.pushButton.clicked.connect(mainWindow.close)

image

最终代码如下：

from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))

        self.pushButton.setObjectName("pushButton")

        self.pushButton.setText("一颗数据小白菜")

        # self.pushButton.setFlat(True)

        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"

"border-color: rgb(170, 150, 163);"

"font: 75 12pt \"Arial Narrow\";"

"color: rgb(126, 255, 46);")

        icon = QtGui.QIcon()

        icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)

        self.pushButton.setIcon(icon)

        self.pushButton.setIconSize(QtCore.QSize(50, 80))

        self.pushButton.setAutoRepeatDelay(200)

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

        self.pushButton.clicked.connect(mainWindow.close)

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())

（2）自定义事件

我们把第一二三节的内容结合起来，在主窗口上创建一个Qlabel，Qpushbutton。

image
from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.label = QtWidgets.QLabel(self.centralWidget)

        self.label.setGeometry(QtCore.QRect(60, 60, 191, 61))

        self.label.setText("一颗数据小白菜")

        self.label.setObjectName("label")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))

        self.pushButton.setObjectName("pushButton")

        self.pushButton.setText("一颗数据小白菜")

        # self.pushButton.setFlat(True)

        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"

"border-color: rgb(170, 150, 163);"

"font: 75 12pt \"Arial Narrow\";"

"color: rgb(126, 255, 46);")

        icon = QtGui.QIcon()

        icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)

        self.pushButton.setIcon(icon)

        self.pushButton.setIconSize(QtCore.QSize(50, 80))

        self.pushButton.setAutoRepeatDelay(200)

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())

1、事件1

我们现在自定义事件，按按钮使得Qlabel的内容发生变化：

image

事件函数：

def setText_qlabel(self):

    self.label.setText('我要变成大白菜了')

事件绑定：

**self.pushButton.clicked.connect(self.setText_qlabel)**

定义事件就是 定义一个函数，再绑定给按钮。

from PyQt5 import QtCore, QtGui, QtWidgets

from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):

    def setupUi(self, mainWindow):

        mainWindow.setObjectName("mainWindow")

        mainWindow.setWindowModality(QtCore.Qt.WindowModal)

        mainWindow.resize(624, 511)

        self.centralWidget = QtWidgets.QWidget(mainWindow)

        self.centralWidget.setObjectName("centralWidget")

        self.label = QtWidgets.QLabel(self.centralWidget)

        self.label.setGeometry(QtCore.QRect(60, 60, 191, 61))

        self.label.setText("一颗数据小白菜")

        self.label.setObjectName("label")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)

        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))

        self.pushButton.setObjectName("pushButton")

        self.pushButton.setText("一颗数据小白菜")

        self.pushButton.setFlat(True)

        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"

"border-color: rgb(170, 150, 163);"

"font: 75 12pt \"Arial Narrow\";"

"color: rgb(126, 255, 46);")

        icon = QtGui.QIcon()

        icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)

        self.pushButton.setIcon(icon)

        self.pushButton.setIconSize(QtCore.QSize(50, 80))

        self.pushButton.setAutoRepeatDelay(200)

        mainWindow.setCentralWidget(self.centralWidget)

        self.retranslateUi(mainWindow)

**        self.pushButton.clicked.connect(self.setText_qlabel)**

        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):

        _translate = QtCore.QCoreApplication.translate

        mainWindow.setWindowTitle('您好')

        mainWindow.setWindowIcon(QIcon('logo.png'))

**    def setText_qlabel(self):**

**          self.label.setText('我要变成大白菜了')**

if __name__ == "__main__":

    import sys

    app = QtWidgets.QApplication(sys.argv)

    mainWindow = QtWidgets.QMainWindow()

    ui = Ui_mainWindow()

    ui.setupUi(mainWindow)

    mainWindow.show()

    sys.exit(app.exec_())

2、事件2

我们定义事件二，让qlabel发生更多变化

from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtGui import QIcon

class Ui_mainWindow(object):


    def setupUi(self, mainWindow):
        mainWindow.setObjectName("mainWindow")
        mainWindow.setWindowModality(QtCore.Qt.WindowModal)
        mainWindow.resize(624, 511)
        self.centralWidget = QtWidgets.QWidget(mainWindow)
        self.centralWidget.setObjectName("centralWidget")

        self.label = QtWidgets.QLabel(self.centralWidget)
        self.label.setGeometry(QtCore.QRect(60, 60, 191, 61))
        self.label.setText("一颗数据小白菜")
        self.label.setObjectName("label")

        self.pushButton = QtWidgets.QPushButton(self.centralWidget)
        self.pushButton.setGeometry(QtCore.QRect(240, 240,200, 53))
        self.pushButton.setObjectName("pushButton")
        self.pushButton.setText("一颗数据小白菜")
        self.pushButton.setFlat(True)
        self.pushButton.setStyleSheet("background-color: rgb(164, 185, 255);"
"border-color: rgb(170, 150, 163);"
"font: 75 12pt \"Arial Narrow\";"
"color: rgb(126, 255, 46);")

        icon = QtGui.QIcon()
        icon.addPixmap(QtGui.QPixmap("logo.png"), QtGui.QIcon.Normal, QtGui.QIcon.Off)
        self.pushButton.setIcon(icon)
        self.pushButton.setIconSize(QtCore.QSize(50, 80))
        self.pushButton.setAutoRepeatDelay(200)

        mainWindow.setCentralWidget(self.centralWidget)
        self.retranslateUi(mainWindow)

        self.pushButton.clicked.connect(self.setText_qlabel)
        QtCore.QMetaObject.connectSlotsByName(mainWindow)

    def retranslateUi(self, mainWindow):
        _translate = QtCore.QCoreApplication.translate
        mainWindow.setWindowTitle('您好')
        mainWindow.setWindowIcon(QIcon('logo.png'))


    def setText_qlabel(self):
        self.label.setStyleSheet('background-color: rgb(255, 251, 240)')
        font= QtGui.QFont()
        font.setFamily('微软雅黑')
        font.setBold(True)
        font.setPointSize(13)
        font.setWeight(75)
        self.label.setFont(font)
        self.label.setText("<font color=%s>%s</font>" %('#7EC7FF', "欢迎您")) 


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