PyQT 入门（2）：实现自己的界面类
主要内容
- 通过继承实现自己的界面类；
- 涉及模块：QDialog， QLineEdit ， QTextBrowser
- 界面布局：绝对布局，布局类
实例讲解
先看一段代码，我们定义了一个类Form，它继承自QDialog
class Form(QDialog):
def __init__(self, parent=None):
super(Form, self).__init__(parent)
self.browser = QTextBrowser()
self.lineedit = QLineEdit("Type an expression and press Enter")
self.lineedit.selectAll()
layout = QVBoxLayout() #垂直盒式布局
layout.addWidget(self.browser)
layout.addWidget(self.lineedit)<br>
#layout = QGridLayout() #网格布局
#layout.addWidget(self.browser，0, 0)
#layout.addWidget(self.lineedit，0, 0)
self.setLayout(layout)
self.lineedit.setFocus()
self.connect(self.lineedit, SIGNAL("returnPressed()"), self.updateUi) #信号绑定到槽
self.setWindowTitle("Calculate")
def updateUi(self):
try:
text = unicode(self.lineedit.text())
self.browser.append("%s = <b>%s</b>" % (text, eval(text)))
except:
self.browser.append(
"<font color=red>%s is invalid!</font>" % text)
app = QApplication(sys.argv)
form = Form()
form.show()
app.exec_()
（1） QDialog是窗口类, QLineEdit文本框，QTextBrowser显示内容的文本区域，支持html格式语法。
（2）layout = QVBoxLayout() 垂直盒式布局，即内容对象上下排列
说到布局，主要分为两类：绝对布局，相对布局（相应类）
- 绝对布局，调用move(x,y)方法
- 相对布局，常用的有 QHBoxLayout, QVBoxLayout 和QGridLayout （网格布局）
（3）特别注意的是 self.connect(self.lineedit, SIGNAL("returnPressed()"), self.updateUi)
这是PyQt的事件处理机制 ---- 信号与槽（Signals and slots）：
信号相当于一个事件：如点击按钮，完成输入后按回车等等；槽相当于处理函数。
在上面程序中，当在文本框中完成输入按回车时，就会调用updateUi函数，这就是connect绑定的效果。
程序效果如下：
简要总结：
- 通过继承实现窗体类
- 窗口布局方法
- QDialog， QLineEdit ， QTextBrowser
- QLineEdit 方法:
- 获取unicode 文本: unicode(lineEdit.text())
- QTextBrowser 方法：
- 添加内容 textBrowser.appen("formatText")
- 信号与槽
- self.connect(widget, signal , slot)
扩展知识：
熟悉常用的窗口组件：
1 按钮类
|
QPushButton |
普通按钮 |
|
QToolButton |
工具按钮：通常在工具栏使用 |
|
QRadioButton |
单选框 |
|
QCheckBox |
复选框 |
|
QCommanLinkButton |
Vista风格的命令链接按钮 |
|
QDialogButtonBox |
对话框按钮组：确定、取消 |
2 显示组件
|
QLabel |
标签 |
|
QTextBrowser |
文本区域 |
|
QGraphicsView |
图像显示 |
|
QCalendarWidget |
日历组件 |
|
QProgressBar |
进度条 |
|
QLCDNumber |
液晶数字显示 |
|
QWebView |
Web浏览器视图 |
|
QDeclarativeView |
显示Qt声明的用户接口 |
3 输入组件
|
QComboBox |
下拉选框 |
|
QFontComboBox |
字体选择 |
|
QLineEdit |
单行文本框 |
|
QTextEdit |
多行文本框（富文本） |
|
QPlainTextEdit |
多行文本框（纯文本） |
|
QSpinBox |
整数范围调节器 |
|
QDoubleSpinBox |
实型范围调节器 |
|
QDial |
环形范围调节器 |
|
QSlider |
滑动调节器 |
|
QTimeEdit |
时间输入框 |
|
QDateEdit |
日期输入框 |
|
QDateTimeEdit |
时间日期输入框 |
4 容器类
|
QFrame |
帧窗口 |
|
QWidget |
界面部件，所有界面对象类的基类 |
|
QToolBox |
工具栏容器 |
|
QTabWidget |
多标签容器 |
|
QStackedWidget |
层次容器，一次只有一个可见 |
|
QScollArea |
滚动区域 |
|
QGroupBox |
对象组容器 |
|
QMdiArea |
多文档容器 |
|
QDockWidget |
悬浮容器 |
QDail, QSpinBox的使用
QDial：环形的范围选择器
QSpinBox :下拉列表形式的整数选择器
class Form(QDialog):
def __init__(self, parent=None):
super(Form, self).__init__(parent)
dial = QDial()
dial.setNotchesVisible(True)
spinbox = QSpinBox()
layout = QHBoxLayout()
layout.addWidget(dial)
layout.addWidget(spinbox)
self.setLayout(layout)
self.connect(dial, SIGNAL("valueChanged(int)"),spinbox.setValue)
self.connect(spinbox, SIGNAL("valueChanged(int)"),dial.setValue)
self.setWindowTitle("Signals and Slots")
