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