PyQt 01：认识Qt_Designer

水深无声 2023-03-01 14:54 22阅读 0赞

# \#1 Qt Designer #

QtDesigner，即Qt设计师，是一个强大、灵活的可视化GUI设计工具.可以帮助我们加快开发PyQt程序的速度。QtDesigner是专门用来制作PyQt程序中U1界面的工具，它生成的UI界面是一个后缀为.ui的文件.该文件使用起来非常简单，可以通过命令将.ui文件转换成.py格式的文件，并被其他Python文件引用；也可以通过Eric6进行手工转换，本章以命令的方式为主，手工的方式为辅，但是原理和结果是一样的，读者可以根据自己的偏好进行。

# \#2 为什么选择Qt Designer？ #

*  使用简单，通过拖拽和点击就可以完成复杂的界面设计，而且还可以随时预览查看效果图。
 *  转换为Python文件方便。Qt Designer可以将设计好的用户界面保存为.ui文件，这是一个XML文件，然后可以转换为.py文件

# \#3 新建主窗口 #

如果你已经安装了Qt Creator，就是支持C++编写的Qt组件，那么自带QD（简称）。打开QD，如果找不到可以去Cortana搜索一下。

如果你没有安装Qt Creator，那么这时候PyQt5-tools库就有用了，进入Python文件夹路径，我这里是`F:\Python38`，进入`Lib`文件夹，这里是你的所有库，进入`site-packages`这里是通过pip或者whl文件安装的附加组件，再进入`PyQt5-tools`文件夹，点击Qt文件夹，点击bin，找到Designer.exe，打开即可，我的路径是`"F:\Python38\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe"`

打开QD会自动弹出新建窗体提示窗口，这里最常用的是Widget和Main Window，

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center]

在这里选择Main Window，点击创建，然后保存，自定义一个文件夹，自定义命名。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 1]

# \#4 Qt Designer的各个部分介绍 #

下面介绍QD的各个部分

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 2]

## 4.1 预览 ##

QD中很重要的功能，菜单栏中点击窗体->预览，或者Ctrl+R预览窗口

## 4.2 控件区（Widget Box 工具箱） ##

就是窗口中的各种工具，比如文本框、输入框、下拉菜单等

我们可以拖拽一个Push Button进入主窗口中

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 3]

## \#4.3 对象查看器 ##

在对象查看器中可以看到多出了一个QPush Button类的按钮，这个按钮的对象名称叫做pushButton。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 4]

## \#4.4 属性编辑器 ##

这里可以设置对象的属性，你选中那个按钮，在这里就会出现对应的属性，比如geometry就是相对坐标系，font是字体等

# \#5 下节预告 #

里就会出现对应的属性，比如geometry就是相对坐标系，font是字体等

# \#5 下节预告 #

应该可以将ui文件转换为py文件，然后做窗体！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20230208/94d44efca1a1427d9ce38aa0cc99e4c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200727145907527.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20200727145918200.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 3]: https://img-blog.csdnimg.cn/20200727145927589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ_size_16_color_FFFFFF_t_70_pic_center 4]: https://img-blog.csdnimg.cn/20200727145935663.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nvb2w5OTc4MQ==,size_16,color_FFFFFF,t_70#pic_center