5分钟,木辛老师教你如何给控件添加事件,让我们的软件响应起来

在软件开发中,增加事件处理逻辑,可以使软件交互更加友好,可用。

如何增加按钮点击事件,如何增加列表滑动事件?快点跟着木辛老师一起学习吧!

请点击右上角“关注”按钮关注我们哟:跟着木辛老师学习Python编程知识,变身快乐的编程达人吧~

通过之前的几节课程,我们已经将登录页面制作完成了,通过使用QSS美化了各个控件,并添加了部分切换效果。

这一节课呢,我们会完结登录页面的开发,添加事件处理逻辑,这样,一个完整的登录页面就做完了。

当然了,要作为一个完整可用的软件,目前我们还不具备这个条件,关于服务器端接口的开发,木辛老师会在以后的教程中讲到,请大家持续关注哟!

准备工作

开始正式讲解登录界面,各个空间的事件之前,我们需要先详细讲解一下PyQt的核心机制:信 和槽。

在之前的课程里,我们已经将信 和槽的概念将明白了,如果同学们需要复习的话,可以查看木辛老师以往的课程:传送门《木辛老师的编程课堂:Python和Qt之页面布局实战篇(2)》。

需求分析

本次需要实现的内容包括如下几点:

  1. 身份选择列表,需要通过点击选中,并改变字体的颜色和背景
  2. 勾选和取消勾选“记住我”按钮
  3. 点击“登录”按钮,发起“登录”请求

列表事件

先看一下,如何实现列表中改变身份时触发的事件吧:

用户再点击身份标签的时候,需要触发一个事件,将当前选中的字段着色。那么我们就要从列表中元素改变这个事件出发,去寻找实现的方法。

self.lst_identities_of_user.currentItemChanged.connect(self.change_identity)

PyQt中的QListWidget提供了一个连接方法,通过currentItemChanged方法,当列表中元素项改变时,发送信 ;

大家可以看到,当前信 连接的槽函数是 :self.change_identity

请同学们注意,在通过connect函数调用槽函数时,只需要写方法名称,不可以带括 哟!

槽函数接收到信 转换,会执行当前函数的代码块:

我们执行以下看看效果吧:

可以看到,self.change_identity方法中的代码块确实执行了。

在这里,有一个变量,不知道大家还记得没有?就是上节课我们留下的一个小悬念:

self.LIST_ITEM_KEY

这个变量是做什么用的呢?

先看一下我们文件中是如何定义的:

self.LIST_ITEM_KEY = 0x1000

我们将本页代码中唯一的常量0x1000赋值给了self.LIST_ITEM_KEY;之后,在self.change_identity方法中,通过current.data()的方式获取到了传入的值,以变相的实现了传值的效果。

其中方法中的两个参数current和previous分别是点击列表中的当前元素和之前元素的实例,这样,通过使用实例的对应方法就可以获取数据了。

还记得我们之前提到的如何使用这种方式传递数据吗?

item.setData(self.LIST_ITEM_KEY, id_key)

使用实例的setData()方法,设置key和value的值就可以咯。

到此,列表中身份标签的切换逻辑,已经可以正常操作了。

CheckBox事件

我们在登录的时候,一些用户嫌麻烦,会要求下次自动登录或者要求免密码输入的逻辑;但是有一些用户却要求不能保存自己的凭证。

所以,为了适应这两种用户的需求,一般在登录时会提示用户是否要求自动登录或者免密登录。

我们通过添加checkbox控件,可以提供用户选择的空间。

这样的话,就需要使用这个控件的选中和非选中事件的逻辑:

self.chk_remember_me.stateChanged.connect(self.event_remember_me)

通过使用控件的stateChanged事件,当用户触发勾选“记住我”选项时,系统会发送信 ,咱们的槽函数self.event_remember_me的代码块就会执行。

在执行效果图上可以看到,

按钮事件

最后来看一下按钮事件的代码是如何实现的吧。按钮控件在软件的使用过程中,应该是出现频率最高的一个了。

掌握了按钮事件,也算是掌握了事件处理的大部分了。

在登录页面中,一共包含2个按钮:登录按钮、注册按钮;

不过呢,这两个按钮实现的逻辑都是一样的:点击按钮之后发出事件,一个是请求登录,一个是跳转到注册页面。

所以,信 和槽的代码是一样滴

通过使用clicked事件发送信 ,我们可以实现在用户点击按钮之后触发期望的动作,比如这里的登录和注册。

执行效果如下:

好了,今天的课程就先到这里吧,我们的登录界面终于开发完毕!

接下来我们会进入各个具体功能页面,更多的精彩内容等着你哟!

请大家关注木辛老师的课程哟,获取更多编程知识和编程技巧。

快乐编程,快乐成长!

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年7月1日
下一篇 2019年7月1日

相关推荐