QTDesigner-设计UI

QTDesigner通过托控件的方式设计UI,非常方便,

我做个小例子,通过点击按钮输入数字

1.打开QTDesigner,选择Widget→创建

QTDesigner-设计UI

2.将所需的控件拖入画板。9个按钮一个现实框。

QTDesigner-设计UI

3.布局:按钮1,2,3为一个水平布局,

4,5,6也为一个水平布局,

7,8,9也为一个水平布局,

然后这3个水平布局和最上面的输入框整体为垂直布局。

按住Ctrl选中要布局的控件,右键→布局→水平布局

QTDesigner-设计UI

 也可以在右边的选中这3个控件的对象右键→布局→水平布局

QTDesigner-设计UI

布局完是这样子的

QTDesigner-设计UI

选中第一行的布局对象,layoutStretch是设置3个控件的水平拉伸比例。如2,1,1

QTDesigner-设计UI

 1是2,3的2倍。

QTDesigner-设计UI

 布局的原则是先从小到大,从内到外

4.样式。

在窗体对象的stylesheet中写入类似CSS的QSS来设置样式。

QTDesigner-设计UI

 有时需要空白控件来占位,

QTDesigner-设计UI

设计完毕后,文件会保存为.ui文件。

控件的使用方法和属性请查阅文档。

参考资料:http://www.python3.vip/tut/py/gui/qt_03/