PyQt4 tutorial读书笔记（6）-- widgets

来源：互联网发布：淘宝卖家客服人工电话编辑：程序博客网时间：2024/05/24 07:44

这个部分主要介绍一些很拥有的控件。
a QtGui.QCheckBox,
a ToggleButton,
a QtGui.QSlider,
a QtGui.QProgressBar,
a QtGui.QCalendarWidget.
QtGui.QPixmap,
a QtGui.QLineEdit,
a QtGui.QSplitter,
a QtGui.QComboBox.

QtGui.QCheckBox

#要导入的包from PyQt4 import QtGui, QtCore#主要使用方式：def initUI(self):              cb = QtGui.QCheckBox('Show title', self)        cb.move(20, 20)        cb.toggle()        cb.stateChanged.connect(self.changeTitle)        self.setGeometry(300, 300, 250, 150)        self.setWindowTitle('QtGui.QCheckBox')        self.show()    def changeTitle(self, state):        if state == QtCore.Qt.Checked:            self.setWindowTitle('QtGui.QCheckBox')        else:            self.setWindowTitle('')

上面的代码实现了在checkbox选中和没选择时title的变化，
cb.toggle()：设置checkbox默认选中。

2、ToggleButton

一个ToggleButton是点击按钮的特殊模式。它是一个有两个状态的按钮：选中或者没选中，通过点击来控制。
这里写图片描述
图中就是选中了红色和蓝色按钮之后的效果。
生成方式：

greenb = QtGui.QPushButton('Green', self)greenb.setCheckable(True)

说明本身还是QPushButton

import sysfrom PyQt4 import QtGuiclass Example(QtGui.QWidget):    def __init__(self):        super(Example, self).__init__()        self.initUI()    def initUI(self):              self.col = QtGui.QColor(0, 0, 0)               redb = QtGui.QPushButton('Red', self)        redb.setCheckable(True)        redb.move(10, 10)        redb.clicked[bool].connect(self.setColor)        greenb = QtGui.QPushButton('Green', self)        greenb.setCheckable(True)        greenb.move(10, 60)        greenb.clicked[bool].connect(self.setColor)        blueb = QtGui.QPushButton('Blue', self)        blueb.setCheckable(True)        blueb.move(10, 110)        blueb.clicked[bool].connect(self.setColor)        self.square = QtGui.QFrame(self)        self.square.setGeometry(150, 20, 100, 100)        self.square.setStyleSheet("QWidget { background-color: %s }" %              self.col.name())        self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('Toggle button')        self.show()    def setColor(self, pressed):        source = self.sender()        if pressed:            val = 255        else: val = 0        if source.text() == "Red":            self.col.setRed(val)                        elif source.text() == "Green":            self.col.setGreen(val)                     else:            self.col.setBlue(val)         self.square.setStyleSheet("QFrame { background-color: %s }" %            self.col.name())

self.col = QtGui.QColor(0, 0, 0)
初始，设置黑色

3、QtGui.QSlider

QtGui.QSlider的操作非常简单，柄可以来回的滑动，一般用来为特定的任务选择值。

import sysfrom PyQt4 import QtGui, QtCoreclass Example(QtGui.QWidget):    def __init__(self):        super(Example, self).__init__()        self.initUI()    def initUI(self):              sld = QtGui.QSlider(QtCore.Qt.Horizontal, self)        sld.setFocusPolicy(QtCore.Qt.NoFocus)        sld.setGeometry(30, 40, 100, 30)        sld.valueChanged[int].connect(self.changeValue)        self.label = QtGui.QLabel(self)        self.label.setPixmap(QtGui.QPixmap('mute.png'))        self.label.setGeometry(160, 40, 80, 30)        self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('QtGui.QSlider')        self.show()    def changeValue(self, value):        if value == 0:            self.label.setPixmap(QtGui.QPixmap('mute.png'))        elif value > 0 and value <= 30:            self.label.setPixmap(QtGui.QPixmap('min.png'))        elif value > 30 and value < 80:            self.label.setPixmap(QtGui.QPixmap('med.png'))        else:            self.label.setPixmap(QtGui.QPixmap('max.png'))

上面代码实现了在不同的值区间，显示不同的图片
sld = QtGui.QSlider(QtCore.Qt.Horizontal, self)
创建了一个水平的滑动条。

self.label = QtGui.QLabel(self)self.label.setPixmap(QtGui.QPixmap('mute.png'))

创建了一个label，并且设置了初始静态图片。

sld.valueChanged[int].connect(self.changeValue)

将valueChanged信号和用户自己定义的changeValue（）方法连接。

4、QtGui.QProgressBar进度条（包含定时器timer）

QProgressBar是动态的，可以用来显示程序的运行，提供水平和垂直两个方向。可以设置最大和最小的值，默认是0-99.

import sysfrom PyQt4 import QtGui, QtCoreclass Example(QtGui.QWidget):    def __init__(self):        super(Example, self).__init__()        self.initUI()    def initUI(self):              self.pbar = QtGui.QProgressBar(self)        self.pbar.setGeometry(30, 40, 200, 25)        self.btn = QtGui.QPushButton('Start', self)        self.btn.move(40, 80)        self.btn.clicked.connect(self.doAction)        self.timer = QtCore.QBasicTimer()        self.step = 0        self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('QtGui.QProgressBar')        self.show()    def timerEvent(self, e):        if self.step >= 100:            self.timer.stop()            self.btn.setText('Finished')            return        self.step = self.step + 1        self.pbar.setValue(self.step)    def doAction(self):        if self.timer.isActive():            self.timer.stop()            self.btn.setText('Start')        else:            self.timer.start(100, self)            self.btn.setText('Stop')

实现了点击按钮进度条开始增加，步长为1，设置了定时器，时间间隔100，进行一次步长增加，按钮点击控制开始和结束，到100的时候显示finished。
（1）生成进度条

self.pbar = QtGui.QProgressBar(self)

（2）用一个定时器去刺激进度条

self.timer = QtCore.QBasicTimer()self.timer.start(100, self)

通过调用start（）方法来启动一个定时器事件。参数是：时间间隔，以及接收这个事件的对象。

5、QtGui.QCalendarWidget

import sysfrom PyQt4 import QtGui, QtCoreclass Example(QtGui.QWidget):    def __init__(self):        super(Example, self).__init__()        self.initUI()    def initUI(self):              cal = QtGui.QCalendarWidget(self)        cal.setGridVisible(True)        cal.move(20, 20)        cal.clicked[QtCore.QDate].connect(self.showDate)        self.lbl = QtGui.QLabel(self)        date = cal.selectedDate()        self.lbl.setText(date.toString())        self.lbl.move(130, 260)        self.setGeometry(300, 300, 350, 300)        self.setWindowTitle('Calendar')        self.show()    def showDate(self, date):             self.lbl.setText(date.toString())

直接显示了一个日历控件，选中某一天的时候下面文本会显示出来选择的日期。
（1）生成函数

 cal = QtGui.QCalendarWidget(self) cal.setGridVisible(True) cal.clicked[QtCore.QDate].connect(self.showDate)

第二个函数用来控制行和列之间的边框是否显示。点击事件后面的参数就点击时候触发的函数的参数。
（2）日期对象转换成字符串

self.lbl.setText(date.toString())

6、QtGui.QPixmap

def initUI(self):              hbox = QtGui.QHBoxLayout(self)        pixmap = QtGui.QPixmap("redrock.png")        lbl = QtGui.QLabel(self)        lbl.setPixmap(pixmap)        hbox.addWidget(lbl)        self.setLayout(hbox)        self.move(300, 200)        self.setWindowTitle('Red Rock')        self.show()

还可以两句整合成一句

label.setPixmap(QtGui.QPixmap('icon.png'))

7、QtGui.QLineEdit

def initUI(self):              self.lbl = QtGui.QLabel(self)        qle = QtGui.QLineEdit(self)        qle.move(60, 100)        self.lbl.move(60, 40)        qle.textChanged[str].connect(self.onChanged)        self.setGeometry(300, 300, 280, 170)        self.setWindowTitle('QtGui.QLineEdit')        self.show()    def onChanged(self, text):        self.lbl.setText(text)        self.lbl.adjustSize()

生成和事件

qle = QtGui.QLineEdit(self)qle.textChanged[str].connect(self.onChanged)

用于让QLabel自适应text的大小

self.lbl.adjustSize()

==》
1. 让QLabel自适应text的大小，直接用下面的代码：
LabelName->adjustSize();
2. 让QLabel能够自动判断并换行显示：
LabelName->setGeometry(QRect(328, 240, 329, 27*4)); //四倍行距
LabelName->setWordWrap(true);
LabelName->setAlignment(Qt::AlignTop);

8、QtGui.QSplitter（splitter：分解器，分离机）

def initUI(self):              hbox = QtGui.QHBoxLayout(self)        topleft = QtGui.QFrame(self)        topleft.setFrameShape(QtGui.QFrame.StyledPanel)        topright = QtGui.QFrame(self)        topright.setFrameShape(QtGui.QFrame.StyledPanel)        bottom = QtGui.QFrame(self)        bottom.setFrameShape(QtGui.QFrame.StyledPanel)        splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal)        splitter1.addWidget(topleft)        splitter1.addWidget(topright)        splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical)        splitter2.addWidget(splitter1)        splitter2.addWidget(bottom)        hbox.addWidget(splitter2)        self.setLayout(hbox)        QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks'))        self.setGeometry(300, 300, 300, 200)        self.setWindowTitle('QtGui.QSplitter')        self.show()

这里写图片描述
在上面例子中，总共有三个frame和两个QSplitter
虚线两端的frame在方向上可调。

topleft = QtGui.QFrame(self)topleft.setFrameShape(QtGui.QFrame.StyledPanel)

用一个 styled frame 为了观察QtGui.QFrame控件之间的间隔

splitter1 = QtGui.QSplitter(QtCore.Qt.Horizontal)splitter1.addWidget(topleft)splitter1.addWidget(topright)

创建一个 QtGui.QSplitter 控件并且添加两个frames

splitter2 = QtGui.QSplitter(QtCore.Qt.Vertical)splitter2.addWidget(splitter1)

我们也可以在一个splitter里面添加另一个splitter

QtGui.QApplication.setStyle(QtGui.QStyleFactory.create('Cleanlooks'))

We use a Cleanlooks style. In some styles the frames are not visible.

9、QtGui.QComboBox下拉框

import sysfrom PyQt4 import QtGui, QtCoreclass Example(QtGui.QWidget):    def __init__(self):        super(Example, self).__init__()        self.initUI()    def initUI(self):              self.lbl = QtGui.QLabel("Ubuntu", self)        combo = QtGui.QComboBox(self)        combo.addItem("Ubuntu")        combo.addItem("Mandriva")        combo.addItem("Fedora")        combo.addItem("Red Hat")        combo.addItem("Gentoo")        combo.move(50, 50)        self.lbl.move(50, 150)        combo.activated[str].connect(self.onActivated)                self.setGeometry(300, 300, 300, 200)        self.setWindowTitle('QtGui.QComboBox')        self.show()    def onActivated(self, text):        self.lbl.setText(text)        self.lbl.adjustSize()

0 0