PyQt5--QToggleButton

# -*- coding:utf-8 -*-
'''
Created on Sep 20, 2018

@author: SaShuangYiBing

Comment: 
''
import sys 
from PyQt5.QtGui import QColor
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QFrame

class New_test(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()
    
    def initUI(self):
        self.color = QColor(0,0,0)
        self.redbtn = QPushButton('Red',self)
        self.redbtn.setCheckable(True)
        self.redbtn.move(10,10)
        self.redbtn.clicked[bool].connect(self.setColor)
        
        self.greenbtn = QPushButton('Green',self)
        self.greenbtn.setCheckable(True)
        self.greenbtn.move(10,60)
        self.greenbtn.clicked[bool].connect(self.setColor)
        
        self.bluebtn = QPushButton('Blue',self)
        self.bluebtn.setCheckable(True)
        self.bluebtn.move(10,110)
        self.bluebtn.clicked[bool].connect(self.setColor)
        
        self.square = QFrame(self)
        self.square.setGeometry(150,20,100,100)
        self.square.setStyleSheet("QWidget {background-color: %s}" %self.color.name())
        
        self.setGeometry(300,300,280,170)
        self.setWindowTitle('Toggle button')
        self.show()
        
    def setColor(self,pressed):
        source = self.sender()
        if source.text() == 'Red':
            self.color.setGreen(0)
            self.color.setRed(255)
            self.color.setBlue(0)

        elif source.text() == 'Green':
            self.color.setRed(0)
            self.color.setGreen(255)            
            self.color.setBlue(0)

        else:
            self.color.setRed(0)
            self.color.setGreen(0)
            self.color.setBlue(255)
        self.square.setStyleSheet("QFrame {background-color: %s}" %self.color.name())
        
if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = New_test()
    sys.exit(app.exec_())
        

启动后：

点击红色按钮

点击绿色按钮

点击蓝色按钮

知识点说明：

Qt中设置按钮或QWidget的外观是，可以使用QT Style Sheets来进行设置，非常方便。
可以用setStyleSheet("font: bold; font-size:20px; color: rgb(241, 70, 62); background-color: green");来进行设置，其他的样式介绍如下：
font: bold; 是否粗体显示
border-image:""; 用来设定边框的背景图片。
border-radius:5px; 用来设定边框的弧度。可以设定圆角的按钮
border- 1px； 边框大小


font-family:""; 来设定字体所属家族，
font-size:20px; 来设定字体大小
font-style:""; 来设定字体样式
font-weight:20px; 来设定字体深浅
background-color: green; 设置背景颜色
background:transparent; 设置背景为透明
color:rgb(241, 70, 62); 设置前景颜色
selection-color:rgb(241, 70, 62); 用来设定选中时候的颜色


可以使用border-top，border-right，border-bottom，border-left分别设定按钮的上下左右边框，
同样有border-left-color, border-left-style, border-left-width.等分别来设定他们的颜色，样式和宽度