QtDesigner控件使用说明

假设我们现在已经正确地配置好了环境
如果对环境配置有疑问的可以参考上一篇博客：anaconda+pycharm+pyqt5（QtDesigner）环境搭建

layout->布局

几种布局方式应该可以说是很直观了，就像它画的那样：垂直、水平、网格、窗体布局。它们可以相互嵌套使用。
当然也可以不使用布局直接拖放（绝对位置布局）

label控件->标签

主要是为了显示信息（编码是支持中文的，因此可以正常显示中文）。可以发射信号，配合槽函数实现指定功能，也可以修改样式表显示图片。

改变显示内容（text的值）——双击label
改变字体的大小和颜色——选中后右键选择改变多信息文本（change rich text…）
改变字体：右边property Editer 下Qwidget的font属性
改变按钮颜色、渐变等（不是其上的文本）——右键选择改变样式表

button控件->按钮

用于用户的提交、确认等情况。需要有事件处理函数实现特定功能。（信号是控件发出来的，要有槽函数对信号进行操作。）

编辑信号与槽：编辑->edit signals/slots->左键点击按钮并拖拽

press()：按下，release()：释放，toggled()：触发， click()：点击
clicked()和clicked(bool)的区别：如果按键是checkable()的，则clicked(bool)可通过发射不同的bool值来指定槽的运行。
Toggled()信号是在Radio Button状态（开、关）切换时发出的（对button状态的监控），而clicked()信号是每次点击Radio Button都会发出该信号。实际使用时可能当状态改变时才需要去响应。

可以使用一些本身就有的槽函数：
选择clicked，勾选底部的show signals and slots inherited from QWidget(显示从QWidget继承的信号和槽)。在右侧选择相应槽函数。

close():关闭窗体；
hide()：隐藏（注意是隐藏掉了直接找不到了，不是最小化，但是程序在后台还在运行）；
showFullScreen:全屏显示（但是全屏显示之后布局什么并不会按比例改变，还是那么小小的一块）；
showMinimized():最小化；
showNormal():最小化或全屏之后的恢复；

button与label的联动

1.可使用提供的槽函数：clear()或lower()

信号拖曳至指向label，即可实现button与label联动。
例如使用槽函数clear清除label上的文字。

lower：将label上的大写字母变为小写

2.自己用代码编写相应的槽函数来实现label的变动（以选择路径使label显示图片为例）

我们现在拖出这么一个界面：两个label和一个button。注意下面那个框也是label，要把它拖大。

①要找到相应控件的objectName（当然也可以自己命名）
比如说我让按钮叫confirmButton：

再让下面那个用来显示图片的label叫做labelImage

②自定义一个槽函数
还是切换到edit signals/slots，拖拽之后点击clicked->右边的Edit,就是圈起来的地方~
注意这里要是之前没有添加过的话应该是空白的，而我这里有一个openImage是因为自己之前已经添加了，已经添加的槽函数就不需要再Edit了，直接选择就可以。

再点击绿色的＋号，输入自己的槽函数名称

选择ok确定后保存。和之前一样，也要保存到项目目录下。

读到这里，如果对怎样把ui文件转成py文件不了解的，你可能需要先看一下这篇文章：第一个pycharm+pyqt5程序 （解决.ui文件生成的.py文件运行不出现界面问题）

使用pyUIC之后，我们现在已经有了一个.py文件（在我写的例子中，叫做first.py）
记得要注释掉上面那篇文章提到过的三句话，如下图：

③编写test.py
在上面那篇文章中已经讲过该怎么样在其他文件中调用图形化界面的.py文件，其实与之不同的只是要在mywindow这个类下要写一个openImage()函数，这个函数名即之前写的槽函数名。注意红色框圈起来的是自己之前写的label的名称，我之前让它叫做labelImage了。

test.py的完整代码：

import sys
from first import Ui_MainWindow
from PyQt5 import QtWidgets, QtGui
from PyQt5.QtWidgets import QFileDialog


class mywindow(QtWidgets.QWidget, Ui_MainWindow):

    def __init__(self):
        super(mywindow, self).__init__()
        self.setupUi(self)

    # 定义槽函数
    def openImage(self):

        # 打开文件路径
        # 设置文件扩展名过滤,注意用双分号间隔
        imgName, imgType = QFileDialog.getOpenFileName(self, "打开图片", "", " *.jpg;;*.png;;*.jpeg;;*.bmp;;All Files (*)")
        print(imgName)
        # 利用qlabel显示图片
        png = QtGui.QPixmap(imgName).scaled(self.labelImage.width(), self.labelImage.height())
        self.labelImage.setPixmap(png)


if __name__ == "__main__":

    app = QtWidgets.QApplication(sys.argv)
    myshow = mywindow()
    myshow.show()
    sys.exit(app.exec_())

运行演示：
点击选择按钮选择图片：

选择成功后在界面中显示：