本篇推文共计1500个字,阅读时间约3分钟。
Qt Designer是PyQt程序UI界面的实现工具,Qt Designer工具使用简单,可以通过拖拽和点击完成复杂界面设计,并且设计完成的.ui程序可以转换成.py文件供Python程序调用
这篇文章主要介绍了PyQt中Qt Designer工具的使用方法,文章进行了非常详细的示例介绍。
这篇文章对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以阅读文章参考参考。
开发工具版本
1.Pycharm 2019.1.3社区版
2.Anaconda(Python 3.6.0,PyQt5)
Qt Designer工具主界面
上期文章教过大家如何在Pycharm中安装PyQt5。如有需要,可以关注本公众号,查找翻看历史文章
《分享 | 如何为Pycharm打开视界》。
以下为Qt Designer工具主界面
主界面的不同区域介绍:
控件工具箱:提供Gui界面开发各种基本控件,如单选框、文本框等。可以拖动到新创建的主程序界面。
主界面区域:
用户放置各种从工具箱拖过来的各种控件。模板选项中最常用的就是Widget(通用窗口)和MainWindow(主窗口)。二者区别主要是Widget窗口不包含菜单栏、工具栏等。可以分别创建对比看看二者区别。
以下创建的是MainWindow(主窗口)
对象查看器区域:
查看主窗口放置的对象列表。
属性编辑器区域:
提供对窗口、控件、布局的属性编辑功能。比如修改控件的显示文本、对象名、大小等。
信号/槽编辑器区域:
编辑控件的信号和槽函数,也可以添加自定义的信号和槽函数。
基本控件介绍
工具箱区域是按照控件作用类别进行划分的。这里作为实现入门级界面实现,主要介绍最常使用的控件及控件对象相关函数。
(1)显示控件
Lable:文本标签,显示文本,可以用来标记控件。
Text Browser:显示文本控件。用于后台命令执行结果显示。
(2)输入控件,提供与用户输入交互
Line Edit:单行文本框,输入单行字符串。控件对象常用函数为Text() 返回文本框内容,用于获取输入。setText() 用于设置文本框显示。
Text Edit:多行文本框,输入多行字符串。控件对象常用函数同Line Edit控件。
Combo Box:下拉框列表。用于输入指定枚举值。
(3)控件按钮,供用户选择与执行
Push Button:命令按钮。常见的确认、取消、关闭等按钮就是这个控件。clicked信号一定要记住。clicked信号就是指鼠标左键按下然后释放时会发送信号,从而触发相应操作。
Radio Button:单选框按钮。
Check Box:多选框按钮。
如下所示即为上述几种工具箱基本控件的对比图。
工具小实战
了解基本控件及其作用和获取输入/显示方法后,就可以开始动手实现用户小需求了。比如制作一个登录界面。获取用户名和密码并显示。
1
打开主界面,选择Widget模板
2
从Widget Box工具箱中拖拽2个label、2个line Edit、2个Push Button以及1个Text Browser。拖完后如下:
3
双击各个控件,修改控件名称(对应属性编辑区中的text,可直接双击控件修改)以及对象名称(对应属性编辑区中的objectName)。
并结合上期文章学习过的窗口布局管理可以对控件进行排版。
对象名称一定记得修改。默认生成的label_1、label_2这种名称无法直接判断到底是对应哪个控件。
4
点击菜单栏Form - Prview。预览界面实现效果
5
点击File -Save保存实现结果。保存文件名为login.ui
6
在Pycharm中右击刚刚生成的Login.ui文件External Tools->PyUIC
即可将刚刚制作的UI界面转换成python代码
以上就是今天谈到的Qt Designer工具的使用方法,
你学会了吗?
看完本文如有任何疑问,可发送疑问至后台,工作人员看到后会第一时间为你解决。
END
图片|网络
编辑|一个码农
你与世界
只差一个
公众号
喜欢本文的话麻烦你点个“关注”加“在看”
觉得写得不错的话可以点击下方“喜欢作者”
你的支持是我不断前行的动力