SAdb项目第二章-PySide6&&designer基础配置及应用

接上文，本章来说说designer如何使用，并且如何转换成py文件

打开designer

控制台输入pyside6-designer就能打开

创建一个Widget窗口

打开后会自动弹出新建窗体

选择Widget创建即可。也可以通过左上角的文件新建一个：

designer简介

desinger中的控件区域有各种控件，按钮，文本，布局等等

简单使用designer

直接拖拽即可，就是这么简单。

如何转成py文件？

第一种

右上角的窗体，可以直接查看python代码，如上图的view python code。。。

点开后就能看到，可以保存，可以复制。随便哪个都可以。

第二种

点击这个界面，键盘按下CTRL + S保存，选择保存路径即可。名称看自己了我取名为index.ui

保存好后，就会在指定目录下生成一个UI文件：

不过不建议直接放在这，我新建了一个UI文件夹，将ui文件放入里面了。注意：不要直接删除原来的UI文件，先另存为然后再删除。

在python控制台数据指令pyside6-uic UI\index.ui -o UI\index.py 转换成py文件

第三种方式

Program：E:\PY312\sadb.venv\Scripts\pyside6-uic.exe 这里是pyside6-uic的位置，一般跟python解释器在同一个位置
Arguments： -o .py
Working directory：

这是一种一劳永逸的方式，设置好后，后面每次更新UI的时候，都只需要右键UI文件进行转换：

资源文件转换

还有一个需要配置的就是资源文件，qrc文件，主要是将图片，图标打包成二进制，以便于后期打包的时候可以一并打包成exe。配置与uic类似 Program：E:\PY312\sadb.venv\Scripts\pyside6-rcc.exe 这里是pyside6-rcc的位置，一般跟python解释器在同一个位置
Arguments： -o .py
Working directory：

在pycharm中新建一个qrc资源文件，放一张图标上去，如下：

回到designer

点击蓝色的图标选中qrc资源文件，然后确认

先点击下面带+号的蓝色图标，给图中标注的icons位置，重新命名，你们的不叫icons，icons是我重新命名的。

再次选中

找到刚刚放在icon中的图片，添加即可

点击第一次确认后：

再次确定即可，icon就会被添加到widget的图标中了，资源文件也被成功引入了。

最后，保存文件将UI文件重新转成Py文件，并将qrc也转成py文件。得到的文件列表是这样的

但是这样还不能使用，因为存在引入错误问题，打开index.py，import的部分就能看到

此处的import resources_rc错了，两个办法，一个是去改设置，一个就是改import导入，比如修改成import resources即可

当然，上述说的后续每次转都会存在这样的问题，所以我们可以设置的内容修改一下，也就是Arguments： -o resources_rc.py 即可

结语

下一章将讲解如何引用UI文件，让程序跑起来