Python Qt GUI设计:QMainWindow、QWidget和QDialog窗口类(基础篇—10)

QMainWindow、QWidget和QDialog三个类都是用来创建窗口的,可以直接使用,也可以继承后再使用,在Qt Designer创建UI文件可以选择这三种窗口类型。

如果是主窗口,就使用QMainWindow类,如果是对话框,就使用QDialog类,如果不确定,或者有可能作为顶层窗口,也有可能嵌入到其他窗口中,那么就使用QWidget类。 

让我们看看具体区别吧\~

1、 QMainWindow窗口

QMainWindow主窗口为用户提供一个应用程序框架,它有自己的布局,可以在布局中添加控件。在主窗口中可以添加控件,比如将工具栏、菜单栏和状态栏等添加到布局管理器中。

QMainWindow类中比较重要的方法如下表所示:

QMainWindow有自己的布局不能设置布局(使用setLayout()方法)。

聊一个实用功能,当主窗口打开运行后,实现默认电脑屏幕居中,效果如下所示:

实现代码如下所示:

```python from PyQt5.QtWidgets import QDesktopWidget, QApplication ,QMainWindow import sys

class Winform( QMainWindow):

def __init__(self, parent=None):
    super( Winform, self).__init__(parent)

    self.setWindowTitle('主窗口放在屏幕中间例子')  
    self.resize(370,  250)  
    self.center()  

def center(self):  
    screen = QDesktopWidget().screenGeometry()  
    size = self.geometry()        
    self.move((screen.width() - size.width()) / 2,  (screen.height() - size.height()) / 2)

if name == "main": app = QApplication(sys.argv)
win = Winform()
win.show()
sys.exit(app.exec_())
```

以下语句用来设置QWidget窗口的大小,宽度为370像素,高度为250像素。

python self.resize(370, 250)

以下语句用来计算显示屏幕的大小:(screen.width()*screen.height()),其中\ QDesktopWidget是描述显示屏幕的类,通过QDesktopWidget().screenGeometry()来获得屏幕的大小。

python screen = QDesktopWidget().screenGeometry()

以下语句用来获取QWidget窗口的大小:(size.width()*size.heiget())。

python size = self.geometry()

以下语句将窗口移动到屏幕中间。

python self.move((screen.width() - size.width()) / 2, (screen.height() - size.height()) / 2)

2、QWidget窗口

基础窗口控件QWidget类是所有用户界面对象的基类,所有的窗口和控件都直接或间接继承自QWidget类。

窗口控件(Widget,简称“控件”)是在PyQt中建立界面的主要元素。在PyQt中把没有嵌入到其他控件中的控件称为窗口,一般窗口都有边框、标题栏。窗口是指程序的整体界面,可以包含标题栏、菜单栏、工具栏、关闭按钮、最小化按钮、最大化按钮等;控件是指按钮、复选框、文本框、表格、进度条等这些组成程序的基本元素。一个程序可以有多个窗口,一个窗口也可以有多个控件。

在Qt官方提供的帮助文档中:“Qt 5.14 Qt Widgets Window and Dialog Widgets”,可见QWidget几何结构如下所示:

从上图可以看出,这些成员函数分为三类:

  • QWidget直接提供的成员函数: x()、y()获得窗口左上角的坐标,width()、 height()获得客户区的宽度和高度;
  • QWidget的geometry()提供的成员函数:x()、y()获得客户区左上角的坐标,width()、 height()获得客户区的宽度和高度;
  • Widget的frameGeometry()提供的成员函数:x()、y()获得窗口左上角的坐标,width()、 height()获得包含客户区、标题栏和边框在内的整个窗口的宽度和高度。

而且可以知道QWidget有两种常用的几何结构:

  • 不包含外边各种边框的几何结构;
  • 包含外边各种边框的几何结构。

1、QWidget不包含边框的常用函数

一般情况下,不包含边框的部分是客户区,这里面就是我们正常操作的地方,可以添加子控件。这部分是一个长方形,会有大小和位置。大小就是指宽度(width)和高度(height);位置就是指这个长方形在屏幕上的位置。在Qt中保存这个长方形使用的是QRect类,这个类也有自己的大小和位置。要改变其大小和位置,可以使用如下几个函数:

  • 改变客户区的面积

以下两个函数改变了长方形的大小,其中第一个参数是宽度,第二个参数是高度。设置了大小的窗口,还可以用鼠标来改变它的大小。

``` QWidget.resize(width,height)

QWidget.resize(QSize) ```

  • 获得客户区的大小

Qwidget.size()

  • 获得客户区的宽度和高度

``` QWidget.width()

QWidget.height() ```

  • 设置客户区的宽度和高度

使用这个函数,客户区的高度就是固定的,不可以改变,只可以改变宽度。

QWidget.setFixedWidth(int width)

这时候宽度就是固定的,不可以改变,但是可以改变高度。

QWidget.setFixedHeight(int height)

以下这两个函数,高度和宽度都是固定的,不可以通过鼠标来改变窗口的宽度和高度。

``` QWidget.setFixedSize(QSize size)

QWidget.setFixedSize(int width,int height) ```

如果要同时改变客户区的大小和位置,需要用到以下函数。

``` QWidget.setGeometry(int x, int y,int width,int height)

Widget.setGeometry(QRect rect) ```

x和y对应的就是x和y坐标,也可以不单独设置x和y坐标。

2、QWidget包含边框的常用函数

QWidget包含边框,这个边框有大小和位置,是窗口在屏幕上显示的整个区域。

这里没有设置这个边框大小的函数,因为通过上面不包含边框函数的设置,就可以设置包含边框的大小了。通过下面的函数,可以获得整个窗口的位置和大小。

  • 获得窗口的大小和位置

QWidget.frameGeometry()

  • 设置窗口的位置

``` QWidget.move(int x,int y)

QWidget.move(QPoint point) ```

  • 获得窗口左上角的坐标

QWidget.pos()

最后将上述函数API整合成一个示例,获取QWidget控件在屏幕上的坐标,效果如下所示:

实现代码如下所示:

```python from PyQt5.QtWidgets import QApplication ,QWidget ,QPushButton import sys

app = QApplication(sys.argv) widget = QWidget() btn = QPushButton( widget ) btn.setText("Button")

以QWidget左上角为(0, 0)点

btn.move(20, 20)

不同操作系统可能对窗口最小宽度有规定,若设置宽度小于规定值,则会以规定值进行显示

widget.resize(300, 200)

以屏幕左上角为(0, 0)点

widget.move(250, 200)

widget.setWindowTitle('PyQt坐标系统例子') widget.show() print("#1 QWidget") print("widget.x()=%d" % widget.x() ) print("widget.y()=%d" % widget.y() ) print("widget.width()=%d" % widget.width() ) print("widget.height()=%d" % widget.height() )

print("#2 QWidget.geometry") print("widget.geometry().x()=%d" % widget.geometry().x() ) print("widget.geometry().y()=%d" % widget.geometry().y() ) print("widget.geometry().width()=%d" % widget.geometry().width() ) print("widget.geometry().height()=%d" % widget.geometry().height() ) print("widget.size().width() =%d" % widget.size().width() ) print("widget.size().height() =%d" % widget.size().height() )

print("#3 QWidget.frameGeometry") print("widget.frameGeometry().width()=%d" % widget.frameGeometry().width() ) print("widget.frameGeometry().height()=%d" % widget.frameGeometry().height() ) print("widget.pos().x()=%d" % widget.pos().x() ) print("widget.pos().y()=%d" % widget.pos().y() )

sys.exit(app.exec_())
```

3、QDialog窗口

为了更好地实现人机交互,比如Windows及Linux等系统均会提供一系列的标准对话框来完成特定场景下的功能,如选择字号大小、字体颜色等。在PyQt 5中定义了一系列的标准对话框类,让使用者能够方便和快捷地通过各个类完成字号大小、字体颜色以及文件的选择等。

QDialog是对话框窗口的基类,对话框主要用来执行短期任务,或者与用户进行互动,它可以是模态的,也可以是非模态的。QDialog窗口没有菜单栏、工具栏、状态栏等。

QDialog类中的常用方法如下表所示:

来看一个QDialog窗口的例子,在这个例子中,Dialog窗口的WindowModality属性决定是否为模态或非模态。单击QWidget窗口中的PushButton按钮时,将生成一个对话框窗口。在对话框窗口的标题栏上没有最小化和最大化控件。代码中将给按钮的clicked信号添加槽函数showdialog()。当用户按下Esc键时,对话框窗口将会默认调用QDialog.reject()方法,然后关闭对话框窗口。效果如下所示:

实现代码如下所示:

```python import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *

class DialogDemo( QMainWindow ):

def __init__(self, parent=None):
    super(DialogDemo, self).__init__(parent)        
    self.setWindowTitle("Dialog 例子")
    self.resize(350,300)

    self.btn = QPushButton( self)
    self.btn.setText("弹出对话框")  
    self.btn.move(50,50)        
    self.btn.clicked.connect(self.showdialog)  

def showdialog(self ):
    dialog = QDialog()
    btn = QPushButton("ok", dialog )
    btn.move(50,50)
    dialog.setWindowTitle("Dialog")
    dialog.setWindowModality(Qt.ApplicationModal)
    dialog.exec_()

if name == 'main': app = QApplication(sys.argv) demo = DialogDemo() demo.show() sys.exit(app.exec_()) ```

QDialog类的子类主要有QMessageBox、QlnputDialog、QFontDialog、QFileDialog等。来看看它们的特性吧\~

3.1、QMessageBox窗口

QMessageBox是一种通用的弹出式对话框,用于显示消息,允许用户通过单击不同的标准按钮对消息进行反馈。每个标准按钮都有一个预定义的文本、角色和十六进制数。

QMessageBox类提供了许多常用的弹出式对话框,如提示、警告、错误、询问、关于等对话框。这些不同类型的QMessageBox对话框只是显示时的图标不同,其他功能是—样的。

QMessageBox类中的常用方法如下表所示:

QMessageBox的标准按钮类型如下表所示:

5种常用的消息对话框及其显示效果如下表所示:

以下示例就是QMessageBox的典型应用,效果如下所示:

实现代码如下所示:

```python import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *

class WinForm( QWidget):
def init(self):
super(WinForm,self).init()
self.setWindowTitle("QMessageBox 例子")
self.resize(300, 100)
self.myButton = QPushButton(self)
self.myButton.setText("点击弹出消息框")
self.myButton.clicked.connect(self.msg)

def msg(self):  
    # 使用infomation信息框  
    reply = QMessageBox.information(self, "标题", "对话框消息正文", QMessageBox.Yes | QMessageBox.No ,  QMessageBox.Yes )  
    print( reply )

if name == 'main': app= QApplication(sys.argv)
demo = WinForm()
demo.show() sys.exit(app.exec_()) ```

3.2、QInputDialog窗口

QInputDialog 控件是一个标准对话框,由一个文本框和两个按钮(OK按钮和Cancel按钮)组成。当用户单击OK按钮或按Enter 键后,在父窗口可以收集通过QInputDialog控件输入的信息。

QInputDialog控件是QDialog标准对话框的一部分,在QlnputDialog控件中可以输入数字、字符串或列表中的选项,标签用于提示必要的信息。

QlnputDialog类中的常用方法如下表所示:

以下示例就是QFileDialog的典型应用,效果如下所示:

实现代码如下所示: 

```python import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *

class InputdialogDemo(QWidget): def init(self, parent=None): super(InputdialogDemo, self).init(parent) layout = QFormLayout() self.btn1 = QPushButton("获得列表里的选项") self.btn1.clicked.connect(self.getItem) self.le1 = QLineEdit() layout.addRow(self.btn1,self.le1)

self.btn2 = QPushButton("获得字符串")
    self.btn2.clicked.connect(self.getIext)
    self.le2 = QLineEdit()
    layout.addRow(self.btn2,self.le2)

    self.btn3 = QPushButton("获得整数")
    self.btn3.clicked.connect(self.getInt)
    self.le3 = QLineEdit()
    layout.addRow(self.btn3,self.le3)
    self.setLayout(layout)
    self.setWindowTitle("Input Dialog 例子")

def getItem(self):
    items = ("C", "C++", "Java", "Python")
    item, ok = QInputDialog.getItem(self, "select input dialog",
    "语言列表", items, 0, False)
    if ok and item:
        self.le1.setText(item)

def getIext(self):  
    text, ok = QInputDialog.getText(self, 'Text Input Dialog', '输入姓名:')
    if ok:
        self.le2.setText(str(text)) 

def getInt(self):
    num,ok = QInputDialog.getInt(self,"integer input dualog","输入数字")
    if ok:
        self.le3.setText(str(num))

if name == 'main': app = QApplication(sys.argv) demo = InputdialogDemo() demo.show() sys.exit(app.exec_()) ```

3.3、QFontDialog窗口

FontDialog控件是一个常用的字体选择对话框,可以让用户选择所显示文本的字号大小、样式和格式。

QFontDialog 是QDialog 标准对话框的一部分,使用QFontDialog类的静态方法getFont(),可以从字体选择对话框中选择文本的显示字号大小、样式和格式。

以下示例就是QFontDialog的典型应用,效果如下所示:

在这个例子中,通过字体选择对话框选择相应的字体,并且所选择字体的效果显示在QLineEdit的文本上。 实现代码如下所示: 

```python import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *

class FontDialogDemo(QWidget): def init(self, parent=None): super(FontDialogDemo, self).init(parent)

#创建QVBoxLayout布局,在垂直布局管理器中添加fontButton 和fontLineEdit组件,并按照相应的位置添加到栅格布局中。
    layout = QVBoxLayout()

    self.fontButton  = QPushButton("choose font")

    #当单击fontButton按钮时,将clicked信号发送到槽函数getFont()中。
    self.fontButton .clicked.connect(self.getFont)

    #实例化fontButton和fontLineEdit对象,并将fontButton的clicked信号和槽函数getFont()绑定在一起。
    layout.addWidget(self.fontButton )
    self.fontLineEdit  = QLabel("Hello,测试字体例子")
    layout.addWidget(self.fontLineEdit )
    self.setLayout(layout)
    self.setWindowTitle("Font Dialog 例子")

#自定义槽函数,选择字体,并将字体效果设置到fontLineEdit中。getFont()方法返回的为元组类型,同时返回所选择的字体和函数执行的状态。
def getFont(self):
    font, ok = QFontDialog.getFont()
    if ok:
        self.fontLineEdit .setFont(font)

if name == 'main': app = QApplication(sys.argv) demo = FontDialogDemo() demo.show() sys.exit(app.exec_()) ```

3.4、QFileDialog窗口

QFileDialog是用于打开和保存文件的标准对话框,QFileDialog类继承自QDialog类。

QFileDialog在打开文件时使用了文件过滤器,用于显示指定扩展名的文件,也可以设置使用QFileDialog打开文件时的起始目录和指定扩展名的文件。

QFileDialog类中的常用方法如下表所示:

以下示例就是QFileDialog的典型应用,效果如下所示:

在这个例子中,通过文件对话框来选择文件,其中第一个文件对话框只允许打开图片文件,并把所加载的图片显示在标签(QLabel)中;第二个文件对话框只允许打开文本文件,并把文本内容显示在文本框(QTextEdit)内。 实现代码如下所示: 

```python import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *

class filedialogdemo(QWidget): def init(self, parent=None): super(filedialogdemo, self).init(parent)

layout = QVBoxLayout()
    #第一个按钮使用QFileDialog.getOpenFileNam(),调用文件对话框来显示图像,并显示在一个标签控件中。它负责打开C盘目录下的文件。
    self.btn = QPushButton("加载图片")
    self.btn.clicked.connect(self.getfile)

    layout.addWidget(self.btn)
    self.le = QLabel("")
    layout.addWidget(self.le)

    #第二个按钮使用文件对话框(QFileDialog)对象的exec_()方法来选择文件,并把所选文件的内容显示在文本编辑控件中。
    self.btn1 = QPushButton("加载文本文件")
    self.btn1.clicked.connect(self.getfiles)
    layout.addWidget(self.btn1)
    self.contents = QTextEdit()
    layout.addWidget(self.contents)
    self.setLayout(layout)
    self.setWindowTitle("File Dialog 例子")

def getfile(self):
    fname, _  = QFileDialog.getOpenFileName(self, 'Open file', 'c:\\',"Image files (*.jpg *.gif)")
    self.le.setPixmap(QPixmap(fname))

def getfiles(self):
    dlg = QFileDialog()
    dlg.setFileMode(QFileDialog.AnyFile)
    dlg.setFilter( QDir.Files  )

    if dlg.exec_():
        filenames= dlg.selectedFiles()
        f = open(filenames[0], 'r') 

        with f:
            data = f.read()
            self.contents.setText(data)

if name == 'main': app = QApplication(sys.argv) ex = filedialogdemo() ex.show() sys.exit(app.exec_()) ```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_44079197

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值