电赛学习2 使用qtdesigner

1.下载qtdesigner与PyUIC

(7条消息) 如何在Pycharm中安装QT Designer+PyUIC_pycharm qt_Trouble..的博客-CSDN博客

2.使用qtdesigner设计界面

(1)点击创建,生成的这个Form窗口就是我们最后生成的窗口

电赛学习2 使用qtdesigner_第1张图片

电赛学习2 使用qtdesigner_第2张图片

 

 (2)预览设计的结果  点击窗体-----预览

电赛学习2 使用qtdesigner_第3张图片

电赛学习2 使用qtdesigner_第4张图片

(3)通过拖动左侧的组件,来进行组装

电赛学习2 使用qtdesigner_第5张图片

(4)操作技巧

1.选择组件时,点击右侧的这个栏所对应的组件比较方便

电赛学习2 使用qtdesigner_第6张图片

2.如果想调整组件的比例,比如下图,想调整为1:2

点击包含这两个组件的布局,这里我用水平BOX布局来容纳这两个按钮,所以点击horizontalLayout:

查看属性编辑器中的layoutStretch,当前是0,0

电赛学习2 使用qtdesigner_第7张图片

 双击改变为1,2

电赛学习2 使用qtdesigner_第8张图片

电赛学习2 使用qtdesigner_第9张图片 

3.改变组件的名称

在对象查看器中双击改变组件的名称(这样生成python代码后方便继续完善代码)

电赛学习2 使用qtdesigner_第10张图片

3.自动生成python代码

(1)将上面设计好的界面保存,生成的是.ui文件,我们可以使用工具自动生成python代码

电赛学习2 使用qtdesigner_第11张图片 

(2)在pycharm中单击.ui文件

(3)选择Tools中的External Toolsd PyUIC(PyUIC是自己起的名字)

电赛学习2 使用qtdesigner_第12张图片 

 (4)生成代码

 

 

 

 

 

 

 

你可能感兴趣的:(大学生电子设计竞赛,学习)