zoukankan      html  css  js  c++  java
  • pyqt5 窗体布局

    窗体布局

    1使用qtdesigner新建一个对话框,然后拖放几个按钮和文本框,按钮使用水平布局,效果如下:

    鼠标选中水平布局再选中文本框,进行垂直布局,如下:

    垂直布局后的效果如下:

     

    然后,如何让窗体中的控件随着窗体大小的变化而变化大小呢?这个时候就要用到顶层布局了,使用网格布局,在窗体空白处点击右键,如下:

     

    布局后的效果:

     

    到此,布局就完成了,试着拖动一下窗体大小,看看里面的控件大小是否随之变化。

    下面来熟悉一个重要属性:

    点击文本框,在属性栏中找到如下属性:

     

    水平策略和垂直策略用来表示控件缩放的,说明如下:

    Fixed: 当前大小是最合适的,不能改变

    Minimum: 当前大小已经是最小, 不能再缩小了, 但可以放大。

    Maximum: 当前大小已经是最大, 不能再放大了,但可以缩小。

    Preferred:  这个感觉不好用,不会用

    Expanding: 可以增大或者缩小。在上面例子中文本框的水平和垂直策略就是expanding

    需要注意的问题:在窗体中布局后,打开对象查看器,最顶层的对象不是Form,而是QWidget

     

    在我们的界面逻辑类中需要将原来的代码做出相应的修改,如下:

    class SimpleDialogForm(Ui_Form, QtWidgets.QMainWindow):改为

    class SimpleDialogForm(Ui_Form, QtWidgets.QWidget):

    2界面设计完成后,需要绑定信号和槽,有两种设计方法,第一种是在qtdesigner中将所有用到的按钮事件全部绑定,然后在界面逻辑类中覆写槽方法。第二种是在QtDesigner中仅将与系统事件相关的信号绑定(比如关闭事件)。在此我们使用第二种方法。

    进入信号和槽的编辑界面,操作方法如下:

     

    在编辑界面中,点击close按钮,拖动到窗体空白处,弹出的窗体中,选择close事件,此时按钮的click事件就会执行窗体的close方法。

     

    到此完成了窗体的设计,还有一个问题

    使用pyuic5 simpleDialog.py > ui_simpledialog.py 命令完成窗体逻辑类的代码生成。

    在我们自己编写的窗体逻辑类中,绑定打开和保存的按钮信号,并且覆写窗体的关闭事件,我们需要在窗体关闭时,弹出一个确认对话框。

    代码如下:

    from PyQt5 import QtCore, QtGui, QtWidgets

    from ui_simpledialog import Ui_Form

    import sys

    import os

    import codecs

    class SimpleDialogForm(Ui_Form, QtWidgets.QWidget):

        def __init__(self, parent = None):

            super(SimpleDialogForm, self).__init__()

            self.setupUi(self)

            #binding slot

            self.btnOpen.clicked.connect(self.openFile)

            self.btnSaveas.clicked.connect(self.saveasFile)

        def openFile(self):

            fd = QtWidgets.QFileDialog(self)

            fileName,filetype = fd.getOpenFileName(caption = "open txt file", directory = 'd:/',filter = "Text Files (*.txt)")

            if os.path.exists(fileName):

                with codecs.open(fileName,"r","utf-8") as f:

                    txt = f.read()

                    self.textEdit.setText(txt)

                print(filetype)

        def saveasFile(self):

            fd = QtWidgets.QFileDialog(self)

            fileName,fileType = fd.getSaveFileName(caption = 'save a file as ', directory = '',filter = "Text Files (*.txt)")

    if fileName == '':

    return

            with codecs.open(fileName,'w','utf-8') as f:

                f.write(self.textEdit.toPlainText())

            pass

        '''override windows close event, we need a query messagebox'''

        def closeEvent(self, event):

            result = QtWidgets.QMessageBox.question(self, "Confirm Exit...",

                                "Are you sure you want to exit ?", QtWidgets.QMessageBox.Yes| QtWidgets.QMessageBox.No)

            event.ignore()

            if result == QtWidgets.QMessageBox.Yes:

                event.accept()

            pass

        def yourFunctions(self):

            pass

    if __name__ == "__main__":

        app = QtWidgets.QApplication(sys.argv)

        main = SimpleDialogForm()

        main.show()

        sys.exit(app.exec_())

    几处要说明的地方:

    1文件的读取写入,一定要指明编码格式。

    2文件的操作最好放在with语句块中,完成之后python自动关闭

    3浏览对话框的几个参数要记住:

    fd.getOpenFileName(caption = "open txt file", directory = 'd:/',filter = "Text Files (*.txt)")

    记不住的话就在python idle中使用help命令自己查。

    4为了不让自己被编码格式搞蒙,请使用codecs模块(它可以处理现在任意编码的字符)。

    到此,一个完整的窗体就完成了。

    其实直接使用example中的例子就行,稍微改改,一个窗体就很完美了。

  • 相关阅读:
    js对url进行编码和解码(三种方式区别)
    node.js之nodemon 代码热更新 修改代码后服务器自动重启
    深刻理解this的指向和var 定义的变量的问题
    js数组遍历some、foreach、map、filter、every、lastIndexOf、indexOf对比
    div左边固定宽度,右边自适应宽度
    div 自适应高度 自动填充剩余高度
    子组件通过 $emit 触发父组件的自定义事件
    js导出带格式的表格(包括单元格合并,字体样式等)
    vue在生产环境清除console.log
    js判断设备是都是pc端
  • 原文地址:https://www.cnblogs.com/shelwinnee/p/5482511.html
Copyright © 2011-2022 走看看