PyQT 入门（2）：实现自己的界面类

PyQT 入门（2）：实现自己的界面类 - Keosu - 博客园

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" )