QTDesigner通过托控件的方式设计UI,非常方便,
我做个小例子,通过点击按钮输入数字
1.打开QTDesigner,选择Widget→创建
![](https://img-blog.csdnimg.cn/img_convert/f89df07a314d9e8e15385c01b3c74041.png)
2.将所需的控件拖入画板。9个按钮一个现实框。
![](https://img-blog.csdnimg.cn/img_convert/27edc9ce9bf4bea71becfe8d779e733e.png)
3.布局:按钮1,2,3为一个水平布局,
4,5,6也为一个水平布局,
7,8,9也为一个水平布局,
然后这3个水平布局和最上面的输入框整体为垂直布局。
按住Ctrl选中要布局的控件,右键→布局→水平布局
![](https://img-blog.csdnimg.cn/img_convert/f0ea761a6425a379fb7c81a089d0b32a.png)
也可以在右边的选中这3个控件的对象右键→布局→水平布局
![](https://img-blog.csdnimg.cn/img_convert/9407c06693a490c77074020ab2a4463d.png)
布局完是这样子的
![](https://img-blog.csdnimg.cn/img_convert/e96427971eb34925777d70706276e4de.png)
选中第一行的布局对象,layoutStretch是设置3个控件的水平拉伸比例。如2,1,1
![](https://img-blog.csdnimg.cn/img_convert/1a4c948121b994bd16869f781f770aca.png)
1是2,3的2倍。
![](https://img-blog.csdnimg.cn/img_convert/207ff62e7551e947ff9fbb5e1c6205aa.png)
布局的原则是先从小到大,从内到外
4.样式。
在窗体对象的stylesheet中写入类似CSS的QSS来设置样式。
![](https://img-blog.csdnimg.cn/img_convert/6226bc3559679aef79d74db9d2ec7bc4.png)
有时需要空白控件来占位,
![](https://img-blog.csdnimg.cn/img_convert/78aff0ad651c27246f4a569b594fc6eb.png)
设计完毕后,文件会保存为.ui文件。
控件的使用方法和属性请查阅文档。
参考资料:http://www.python3.vip/tut/py/gui/qt_03/