《PyQT5軟件開發(fā) - 控件篇》第2章 按鈕-2(QRadioButton, QCheckBox, QToolButton)

前面的文章筆者講解了QPushButton，這種按鈕也是比較常用的，接下來(lái)講解幾種使用頻率相對(duì)較少的按鈕：QRadioButton, QCheckBox, QToolButton。

2.1 QRadioButton

QRadioButton顧名思義叫單選按鈕，只有True和False兩種狀態(tài)。

為何叫單選按鈕，是因?yàn)橐粋€(gè)域中只能有一個(gè)單選按鈕被選擇?？梢允褂肣GroupBox來(lái)劃分一個(gè)域，當(dāng)然還可以使用QButtonGroup來(lái)區(qū)分。

QRadioButton繼承QAbstractButton，QRadioButton的常用方法如下：

方法 描述
setChecked() 設(shè)置按鈕是否已經(jīng)被選中，如果設(shè)置True，則表示按鈕將保持已點(diǎn)擊和釋放狀態(tài)
toggle() 在按鈕狀態(tài)之間進(jìn)行切換
isChecked() 返回按鈕的狀態(tài)，返回值為True或者False
setText() 設(shè)置按鈕的顯示文本
text() 返回按鈕的顯示文本
toggled.connect(fun) 按鈕狀態(tài)改變時(shí)觸發(fā)槽函數(shù)

打開或關(guān)閉按鈕，都會(huì)發(fā)出toggled()信號(hào)，可以添加相應(yīng)的槽函數(shù)來(lái)根據(jù)按鈕不同狀態(tài)做一些是事情。
接下來(lái)就通過(guò)實(shí)例來(lái)進(jìn)一步學(xué)習(xí)QRadioButton。

首先使用QT Designer拖幾個(gè)控件，效果如下：

然后將其轉(zhuǎn)為Python代碼。

# pyuic5 -o ui_mainpage.py ui_mainpage.ui

關(guān)于如何使用QT Designer實(shí)現(xiàn)UI界面，請(qǐng)參看筆者博文：

快速UI設(shè)計(jì)

在前面的基礎(chǔ)上運(yùn)行代碼，不添加任何邏輯。

可以看到，默認(rèn)沒(méi)有選擇任何一個(gè)按鈕，在一個(gè)域中只能選擇一個(gè)按鈕。

好了，接下來(lái)就來(lái)實(shí)現(xiàn)具體的邏輯。

# -*- coding: utf-8 -*-
"""
@file                mainMainpage.py
@author              BruceOu
@version             V1.0
@date                2021-11-21
@blog                https://blog.bruceou.cn/
@Official Accounts   嵌入式實(shí)驗(yàn)樓
@brief               MainWindow
"""
from PyQt5 import QtWidgets
from PyQt5.QtGui import QGuiApplication, QIcon
from PyQt5.QtWidgets import QApplication, QWidget, QMessageBox, QButtonGroup
from ui.ui_mainpage import Ui_MainWindow

## MainWindow
class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow):
    
    #init
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setWindowTitle('QRadioButton')
        
        self.setupUi(self)
        
        self.show()
        
        ## 設(shè)置按鈕
        self.radioButtonMale.setChecked(True) ## 設(shè)置默認(rèn)被選中
        self.radioButtonMale.setIcon(QIcon("./images/Male.ico"))
        self.radioButtonMale.setShortcut("Ctrl+M")
    
        self.radioButtonFemale.setIcon(QIcon("./images/Female.ico"))
        self.radioButtonFemale.setShortcut("Ctrl+F")
        
        ## 新建 QButtonGroup
        self.bg1 = QButtonGroup(self)
        self.bg1.addButton(self.radioButtonMale, 11)
        self.bg1.addButton(self.radioButtonFemale, 12)
        
        self.bg2 = QButtonGroup(self)
        self.bg2.addButton(self.radioButtonRun, 21)
        self.bg2.addButton(self.radioButtonBasketball, 22)
        self.bg2.addButton(self.radioButtonFootball, 23)
        self.bg2.addButton(self.radioButtonSwim, 24)
        
        #######################################################################
        ## 方式一
        # self.radioButtonMale.clicked.connect(self.radio_button_clicked)
        # self.radioButtonFemale.clicked.connect(self.radio_button_clicked)
        
        ## 方式二
        self.bg1.buttonClicked.connect(self.radio_button_toggled)
        
        self.bg2.buttonClicked.connect(self.radio_button_toggled)
              
    def radio_button_clicked(self):
        """
        Brief
        ----------
            radio button cliecked
        
        Parameters
        ----------
            None

        Returns
        ----------
            None
        """       
        if self.radioButtonMale.isChecked():
            QMessageBox.about(self, "性別", "你選擇了‘男’")
        else:
            QMessageBox.about(self, "性別", "你選擇了‘女’")
        
    def radio_button_toggled(self):
        """
        Brief
        ----------
            radio button toggled
        
        Parameters
        ----------
            None

        Returns
        ----------
            None
        """
        sender = self.sender()
        
        if sender == self.bg1:
            if self.bg1.checkedId() == 11:
                QMessageBox.about(self, "性別", "你選擇了‘男’")
            else:
                QMessageBox.about(self, "性別", "你選擇了‘女’")
        
        elif sender == self.bg2:
            if self.bg2.checkedId() == 21:
                QMessageBox.about(self, "愛好", "你選擇了‘跑步’")
            elif self.bg2.checkedId() == 22:
                QMessageBox.about(self, "愛好", "你選擇了‘籃球’")
            elif self.bg2.checkedId() == 23:
                QMessageBox.about(self, "愛好", "你選擇了‘足球’")
            elif self.bg2.checkedId() == 24:
                QMessageBox.about(self, "愛好", "你選擇了‘游泳’")
        
    def closeEvent(self, event):
        """
        Brief
        ----------
            Close Event
        
        Parameters
        ----------
            event

        Returns
        ----------
            None
        """
        event.accept()

【完整代碼參考附件1.QRadioButton】

結(jié)果如下：

上述代碼中使用QButtonGroup來(lái)區(qū)分不同的域，首先使用self.sender()函數(shù)將信號(hào)的產(chǎn)生對(duì)象送過(guò)來(lái)。然后根據(jù)checkedId()去獲得這個(gè)按鈕的id號(hào)，通過(guò)id號(hào)的判斷我們到底是點(diǎn)了哪個(gè)單選按鈕。當(dāng)然可用QGroupBox來(lái)區(qū)分，然后根據(jù)ischecked 進(jìn)行是否勾選按鈕。

值得注意的是，如果這里直接使用QRadioButton的toggled，這里就不能用sender()簡(jiǎn)單獲取對(duì)象，因?yàn)樵谝粋€(gè)域中選擇一個(gè)按鈕時(shí)，另外的按鈕也會(huì)觸發(fā)槽函數(shù)。也就是下面的代碼：

self.radioButtonMale.toggled.connect(self.radio_button_toggled)
self.radioButtonFemale.toggled.connect(self.radio_button_toggled)
def radio_button_toggled(self):
    """
    Brief
    ----------
        radio button toggled
    
    Parameters
    ----------
        None

    Returns
    ----------
        None
    """
    sender = self.sender()
    
    if sender == self.radioButtonMale:
        QMessageBox.about(self, "性別", "你選擇了‘男’")
    else:
        QMessageBox.about(self, "性別", "你選擇了‘女’")

以上代碼是不能得到我們想要的結(jié)果的。

2.2 QCheckBox

QCheckBox是復(fù)選按鈕，和QRadioButton不同的是，在一個(gè)域中，可以同時(shí)選擇多個(gè)按鈕，因此才叫復(fù)選按鈕，但也只有True和False兩種狀態(tài)。

QCheckBox繼承QAbstractButton，QCheckBox的常用方法和QRadioButton差不多。

下面還是來(lái)個(gè)例子吧。

還是使用QT Designer拖幾個(gè)控件，效果如下：

核心代碼如下：

# -*- coding: utf-8 -*-
"""
@file                mainMainpage.py
@author              BruceOu
@version             V1.0
@date                2021-11-21
@blog                https://blog.bruceou.cn/
@Official Accounts   嵌入式實(shí)驗(yàn)樓
@brief               MainWindow
"""
from PyQt5 import QtWidgets
from PyQt5.QtGui import QGuiApplication, QIcon
from PyQt5.QtWidgets import QApplication, QWidget, QMessageBox, QButtonGroup
from PyQt5.QtCore import Qt
from ui.ui_mainpage import Ui_MainWindow

## MainWindow
class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow):
    
    #init
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setWindowTitle('QRadioButton')
        
        self.setupUi(self)
        
        self.show()
        
        ## 設(shè)置按鈕
        self.checkBoxRun.setChecked(True) ## 設(shè)置默認(rèn)被選中
        self.checkBoxRun.setIcon(QIcon("./images/Run.ico"))
        self.checkBoxBasketball.setIcon(QIcon("./images/Basketball.ico"))
        self.checkBoxFootball.setIcon(QIcon("./images/Football.ico"))
        self.checkBoxSwim.setIcon(QIcon("./images/Swim.ico"))
    
        #######################################################################
        self.checkBoxRun.stateChanged.connect(self.check_box_state)
        self.checkBoxBasketball.stateChanged.connect(self.check_box_state) 
        self.checkBoxFootball.stateChanged.connect(self.check_box_state)
        self.checkBoxSwim.stateChanged.connect(self.check_box_state) 
        
        self.checkBoxAll.clicked.connect(self.check_box_all)
        self.checkBoxAll.setIcon(QIcon("./images/all.ico"))

    def check_box_all(self):
        """
        Brief
        ----------
            check box all
        
        Parameters
        ----------
            None

        Returns
        ----------
            None
        """
        if self.checkBoxAll.checkState() == Qt.Checked:
            self.checkBoxRun.setChecked(True)
            self.checkBoxBasketball.setChecked(True)
            self.checkBoxFootball.setChecked(True)
            self.checkBoxSwim.setChecked(True)
            
        elif self.checkBoxAll.checkState() == Qt.Unchecked:
            self.checkBoxRun.setChecked(False)
            self.checkBoxBasketball.setChecked(False)
            self.checkBoxFootball.setChecked(False)
            self.checkBoxSwim.setChecked(False)
        
    def check_box_state(self):
        """
        Brief
        ----------
            check box State
        
        Parameters
        ----------
            None

        Returns
        ----------
            None
        """
        sender = self.sender()
    
        if self.checkBoxRun == sender:
            if self.checkBoxRun.checkState() == Qt.Checked:
                QMessageBox.about(self, "愛好", "你選擇了‘跑步’")
            else:
                QMessageBox.about(self, "愛好", "你取消了‘跑步’")
                
        elif self.checkBoxBasketball == sender:
            if self.checkBoxBasketball.checkState() == Qt.Checked:
                QMessageBox.about(self, "愛好", "你選擇了‘籃球’")
            else:
                QMessageBox.about(self, "愛好", "你取消了‘籃球’")
                
        elif self.checkBoxFootball == sender:
            if self.checkBoxFootball.checkState() == Qt.Checked:
                QMessageBox.about(self, "愛好", "你選擇了‘足球’")
            else:
                QMessageBox.about(self, "愛好", "你取消了‘足球’")
                
        elif self.checkBoxSwim == sender:
            if self.checkBoxSwim.checkState() == Qt.Checked:
                QMessageBox.about(self, "愛好", "你選擇了‘游泳’")
            else:
                QMessageBox.about(self, "愛好", "你取消了‘游泳’")
        
    def closeEvent(self, event):
        """
        Brief
        ----------
            Close Event
        
        Parameters
        ----------
            event

        Returns
        ----------
            None
        """
        event.accept()

【完整代碼參考附件2.QCheckBox】

這里可以使用clicked連接槽函數(shù)，還可以使用toggled連接槽函數(shù)。

結(jié)果如下所示：

2.3 QToolButton

QToolButton工具按鈕，一般在工具欄中顯示，工具欄中的工具按鈕一般只顯示圖標(biāo)，供用戶快捷的使用一些功能，它也繼承自QAbstractButton，QtoolButton和其他按鈕的基本方法差不多。

還是使用QT Designer拖幾個(gè)控件，效果如下：

這里只是拖了一個(gè)QToolButton。

核心邏輯代碼如下：

# -*- coding: utf-8 -*-
"""
@file                mainMainpage.py
@author              BruceOu
@version             V1.0
@date                2021-11-21
@blog                https://blog.bruceou.cn/
@Official Accounts   嵌入式實(shí)驗(yàn)樓
@brief               MainWindow
"""
from PyQt5 import QtWidgets
from PyQt5.QtGui import QGuiApplication, QIcon, QDesktopServices
from PyQt5.QtWidgets import QApplication, QWidget, QMessageBox, QButtonGroup, QToolButton, QMenu, QAction
from PyQt5.QtCore import Qt,QUrl

from ui.ui_mainpage import Ui_MainWindow

## MainWindow
class MainWindow(QtWidgets.QMainWindow, Ui_MainWindow):
    
    #init
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setWindowTitle('QRadioButton')
        
        self.setupUi(self)
        
        self.show()
        
        self.toolButton.setToolButtonStyle(Qt.ToolButtonTextBesideIcon)
        self.toolButton.setToolTip('選擇分享方式')
        self.toolButton.setPopupMode(QToolButton.MenuButtonPopup)
        self.toolButton.setText('分享')
        self.toolButton.setIcon(QIcon('icon/bank.ico'))
        self.toolButton.setAutoRaise(True)
        
        # self.toolButton.setArrowType(Qt.DownArrow)

        ## add menu
        menu = QMenu(self)
        self.qqAct = QAction(QIcon('images/qq.ico'),'QQ', self)
        self.wechatAct = QAction(QIcon('images/wechat.ico'),'微信', self)
        self.weiboAct = QAction(QIcon('images/weibo.ico'),'微博', self)
        self.githubAct = QAction(QIcon('images/github.ico'),'Github', self)

        menu.addAction(self.qqAct)
        menu.addAction(self.wechatAct)
        menu.addSeparator() ## 添加分割線
        menu.addAction(self.weiboAct)
        menu.addAction(self.githubAct)

        self.toolButton.setMenu(menu)
        
        self.qqAct.triggered.connect(self.click_triggered)
        self.wechatAct.triggered.connect(self.click_triggered)
        self.weiboAct.triggered.connect(self.click_triggered)
        self.githubAct.triggered.connect(self.click_triggered)
        

    def click_triggered(self):
        if self.sender() == self.qqAct:
            QDesktopServices.openUrl(QUrl('https://www.qq.com/'))
        elif self.sender() == self.wechatAct:
            QDesktopServices.openUrl(QUrl('https://weixin.qq.com/'))
        elif self.sender() == self.weiboAct:
            QDesktopServices.openUrl(QUrl('https://www.sina.com.cn/'))
        else:
            QDesktopServices.openUrl(QUrl('https://github.com/'))
        
    def closeEvent(self, event):
        """
        Brief
        ----------
            Close Event
        
        Parameters
        ----------
            event

        Returns
        ----------
            None
        """
        event.accept()

下賣弄簡(jiǎn)單分析一下代碼。

self.toolButton.setToolButtonStyle(Qt.ToolButtonTextBesideIcon)

該屬性保持工具按鈕是僅顯示圖標(biāo)，僅顯示文本，還是顯示圖標(biāo)旁邊/下方的文本。默認(rèn)是Qt.ToolButtonIconOnly。要使工具按鈕的樣式遵循系統(tǒng)設(shè)置，請(qǐng)將此屬性設(shè)置為Qt.ToolButtonFollowStyle。 在Unix上，將使用來(lái)自桌面環(huán)境的用戶設(shè)置。 在其他平臺(tái)上，Qt.ToolButtonFollowStyle只意味著圖標(biāo)。

self.toolButton.setToolTip('選擇分享方式')

setToolTip的作用就是增加一個(gè)小貼士，當(dāng)鼠標(biāo)移動(dòng)到按鈕的時(shí)候就會(huì)顯示信息，效果如下：

 
self.toolButton.setPopupMode(QToolButton.MenuButtonPopup)

setPopupMode表示設(shè)置菜單的彈出模式，其屬性如下：

屬性 描述
QToolButton.DelayedPopup 延時(shí)一段時(shí)間再打開
QToolButton.MenuButtonPopup 添加一個(gè)箭頭，指示菜單是否存在
QToolButton.InstantPopup 五無(wú)延時(shí)，立刻打開，點(diǎn)擊不發(fā)送點(diǎn)擊信號(hào)

可通過(guò)setPopupMode(QToolButton.ToolButtonPopupMode)函數(shù)來(lái)設(shè)置菜單的模式

self.toolButton.setAutoRaise(True)

此屬性保持是否啟用自動(dòng)升起。默認(rèn)是禁用的（即False），這個(gè)屬性也就是設(shè)置鼠標(biāo)移動(dòng)到按鈕上是否高亮。

self.toolButton.setArrowType(Qt.DownArrow)

QToolButton 可以通過(guò)setArrowType(Qt.ArrowType)設(shè)置箭頭圖標(biāo)，即是顯示一個(gè)箭頭的按鈕，參數(shù)是一個(gè)枚舉類型，用來(lái)指定箭頭的樣式，其屬性如下：

枚舉 含義
Qt.NoArrow 無(wú)箭頭
Qt.UpArrow 上箭頭
Qt.DownArrow 下箭頭
Qt.LeftArrow 左箭頭
Qt.RightArrow 右箭頭

最后來(lái)演示下效果。

點(diǎn)擊相應(yīng)的選項(xiàng)，就可跳轉(zhuǎn)到相應(yīng)的官網(wǎng)。

【完整代碼參考附件3.QToolButton】

參考：
https://doc.qt.io/qt-5/qtoolbutton.html


資源獲取方法

1.關(guān)注公眾號(hào)[AI實(shí)驗(yàn)樓]
2.在公眾號(hào)回復(fù)關(guān)鍵詞[PyQt5]獲取資料提取碼

歡迎訪問(wèn)我的網(wǎng)站

BruceOu的嗶哩嗶哩
BruceOu的主頁(yè)
BruceOu的博客
BruceOu的CSDN博客
BruceOu的簡(jiǎn)書
BruceOu的知乎

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容