案例:利用QtDesigner设计如下窗口,如图1所示。
一、利用Qt Designer设计界面构建窗口
1.1 新建项目(在当前项目路径下新建子目录ui);打开Qt Designer工具(Tools-ExternalTool-QtDesigner);选择新建templatess\forms为“Widget”;如图2、3所示:
1.2 设置窗口名称
在“属性编辑器”中设置窗口名称,双击“值”框修改内容为:“窗口测试”。如图4所示:
1.3 标签框
在“窗口部件盒”找到“Label”,将其拖拉至“中央窗口设计区,图3中区域(2)”。如图5所示。
双击“标签文本”,修改内容为“标签测试文本”,如图6所示,设置标签的字体、下划线属性。
设置标签框窗口颜色,设置palette调色板,如图7所示:
设置好调色板“window”颜色,接着勾选’autoFillBackground’,如图8所示:
1.4 文本框
在“窗口部件盒”找到“Text Edit”,将其拖拉至“中央窗口设计区。如图9所示:
设置文本框属性,包括文本颜色、删除线。如图10所示:
1.5 按钮框
添加PushButton,拖拉至中央窗口区域,如图11所示:
通过设置样式,改变按钮框的背景颜色(这里可以借助AI工具生成具体的样式代码),如图12。
设置颜色、下划线属性:
2. PyUIC生成py代码
在ui文件夹中生成上面保存后的.ui文件的.py文件(找到.ui文件右键External Tool-PyUIC)
打开生成的.py文件,如图14所示,加入import语句,以及修改Ui_Form()里面的QWidget继承类。
3. PyCharm中使用
在项目最外层目录新建一个运行脚本.py文件,对照图15所示,编写脚本代码,如图红色框所示,表示在此添加信号与槽机制相关代码。
最后,运行脚本,可以看到最后的窗口效果,如图16所示。
至此,我们完成了通用窗口的实践案例!