Qt Designer简介

本文介绍了如何使用Qt Designer工具创建和设计GUI界面,包括启动工具、创建窗口、添加控件如编辑框和按钮,设置控件属性,预览和保存界面,并探讨了ui文件的XML结构。
摘要由CSDN通过智能技术生成

来源

http://www.python3.vip/tut/py/gui/qt_03/

回顾

在前面的程序中,我们学习了怎么样用程序来把QT程序界面的 一个个窗口、控件创建出来

问题分析

QT程序界面的 一个个窗口、控件,就是像上面那样用相应的代码创建出来的。

但是,把你的脑海里的界面,用代码直接写出来,是有些困难的。

很多时候,运行时呈现的样子,不是我们要的。我们经常还要修改代码调整界面上控件的位置,再运行预览。反复多次这样操作。

可是这样,真的…太麻烦了。

其实,我们可以用QT界面生成器 Qt Designer(界面设计师) ,拖拖拽拽就可以直观的创建出程序大体的界面。

Qt Designer(界面设计师)

怎么运行这个工具呢?

pyside2

它的路径是

D:\Python\Installation\Scripts\pyside2-designer.exe

在这里插入图片描述

pyqt5

它的路径是

D:\Python\Installation\Scripts\pyqt5designer.exe

在这里插入图片描述

初步运行pyside2-designer.exe

在这里插入图片描述
然后就出现了下面的这个界面
在这里插入图片描述

因为,我现在使用的操作系统是中文的操作系统,所以这个程序是已经汉化过了的。

怎么样使用Qt Designer来创建一个程序的界面

初始化一个图形界面

首先,你需要创建一个顶层的
其实,我们的程序在启动的时候就会新建一个
启动的时候,会弹出一个【新建窗体】的对话框
在这里插入图片描述
我们可以在这里面选择顶层的窗口是一个什么类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

刚才我们选择是【Main Window】,所以这个界面是有一个菜单栏的
现在我们的这个程序的界面是不需要菜单栏的,所以还是重建一个

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这种情况下就没有菜单栏这个位置了

在这里插入图片描述

编辑框

在这里插入图片描述
在这里插入图片描述
选中,拖动即可将这个控件移到我们的图形界面上来

在这里插入图片描述

我们可以对这个纯文本编辑框进行很多操作:
选中纯文本编辑框,改变它的大小、位置
右键还有更多的选项
在这里插入图片描述

按钮

在这里插入图片描述

1.0版

这样的话,我们就是将界面的大体的形状定义出来了
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值