Python GUI教程(五):通过Qt设计师在GUI中添加窗口部件

本篇将会介绍到

  • 使用qt设计师添加窗口部件到我们的GUI中;
  • 当我们移动光标到菜单时更新状态栏信息;
  • 通过一个菜单关闭应用程序;
  • 添加一个选项卡、按钮和刻度盘;

继续添加一个菜单

如同第二篇文章中使用代码创建了GUI,我们继续在GUI窗口中创建一个“修改”菜单:

为“退出”菜单添加状态栏信息

目前使用qt设计师创建的GUI中,当鼠标移动到菜单项时,底部的状态栏是不会有变化的:

我们通过右侧的属性设置列表中的“statusTip”,设置为:当鼠标移动到“退出”按钮时,状态栏提示“点击退出应用程序”:

为“退出”菜单添加关闭信号,实现关闭程序

在qt设计师面板右侧的“信号/槽编辑器”中,我们可以添加一个信号/槽。 在Pyqt中,响应和操作可以通过信号/槽来实现,一个信号槽由发送者、信号、接收者和槽组成,发送者发生信号,然后接收者调用槽。

我们使用信号槽来为“退出”菜单添加一个关闭窗口的操作:

其中:

  • 发送者为“退出”菜单的name;
  • 信号为triggerd(),也就是触发的意思;
  • 接收者为主窗口;
  • 槽为close()方法,也就是退出操作。

为“退出”菜单项添加一个快捷键

在实现了“退出”菜单项的功能之后,我们可以为菜单项设置一个快捷键,以进行快捷操作。

快捷键的设置在“动作编辑器”选项卡中进行编辑设置:

双击快捷键,弹出快捷键的编辑窗口:

我们设置Ctrl+Q作为退出的快捷键:

在窗口中添加选项卡

选项卡在GUI程序中是很常见的小部件,可以分隔不同的内。在qt设计师中,可以直接从左侧的部件列表中拖拽添加到窗口中:

在选项卡中添加按钮和其他小部件

在主窗口中添加选项卡部件后,我们可以在选项卡部件中继续添加其他的小部件,我们分别拖拽添加一个按钮部件和一个刻度盘部件(添加部件之后,部件属性可以在右侧的属性列表中进行设置):

欢迎点击“阅读原文”到博客中查看,博客中的评论留言能较快的回复。

原文发布于微信公众号 - 州的先生(zmister2016)

原文发表时间:2017-11-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GreenLeaves

JavaScript之<script>标签简介

向html页面中插入JavaScrpt的主要方法,就是使用<script>元素,下面是Html 4.01为<script>定义的6个属性。 1、async:可选...

19810
来自专栏DeveWork

Google Chrome 浏览器 开发者工具 使用教程

对于Chrome 浏览器,除了占用内存的缺点,其他都很不错。对于Chrome 浏览器的开发者工具,Jeff 除了Elements、Resources、Netwo...

3746
来自专栏守候书阁

vue插件开发练习--实用弹窗

上回说了组件(vue组件开发练习--焦点图切换)的一个练习项目,这次换下口味,说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件,这个可能就更简单了,...

1212
来自专栏jojo的技术小屋

原 Vue.js、vue安装步骤、单文件组

1975
来自专栏娱乐心理测试

小程序设置启动页面

4416
来自专栏移动开发面面观

React Native 一个开始

1042
来自专栏码代码的陈同学

5行代码为你的博客引入fancybox

官方Demo code很简单,将需要处理的 img 标签放到一个有 data-fancybox="gallery" 属性的 a 标签中即可,*href* 属性配...

2304
来自专栏微信小程序开发

小程序不同页面之间的传值方式

今天来说一下小程序不同页面之间传值的几种方式: 1、URL传值 这种方式最常用,比如: wx.navigateTo({ url: '../detail/d...

61510
来自专栏Jackson0714

【网站开发】在新浪SAE上搭建一个博客

3085
来自专栏jojo的技术小屋

原 Vue.js、vue安装步骤、单文件组

作者:汪娇娇 时间:2017年8月30日 1、npm淘宝镜像 直接用npm安装vue-cli会特别慢,在安装vue-cli之前可以先安装一个淘宝镜像。之后的安装...

3154

扫码关注云+社区