在软件开发中,增加事件处理逻辑,可以使软件交互更加友好,可用。
如何增加按钮点击事件,如何增加列表滑动事件?快点跟着木辛老师一起学习吧!
请点击右上角“关注”按钮关注我们哟:跟着木辛老师学习Python编程知识,变身快乐的编程达人吧~
通过之前的几节课程,我们已经将登录页面制作完成了,通过使用QSS美化了各个控件,并添加了部分切换效果。
这一节课呢,我们会完结登录页面的开发,添加事件处理逻辑,这样,一个完整的登录页面就做完了。
当然了,要作为一个完整可用的软件,目前我们还不具备这个条件,关于服务器端接口的开发,木辛老师会在以后的教程中讲到,请大家持续关注哟!
准备工作
开始正式讲解登录界面,各个空间的事件之前,我们需要先详细讲解一下PyQt的核心机制:信号和槽。
在之前的课程里,我们已经将信号和槽的概念将明白了,如果同学们需要复习的话,可以查看木辛老师以往的课程:传送门《木辛老师的编程课堂:Python和Qt之页面布局实战篇(2)》。
需求分析
本次需要实现的内容包括如下几点:
- 身份选择列表,需要通过点击选中,并改变字体的颜色和背景
- 勾选和取消勾选“记住我”按钮
- 点击“登录”按钮,发起“登录”请求
列表事件
先看一下,如何实现列表中改变身份时触发的事件吧:
用户再点击身份标签的时候,需要触发一个事件,将当前选中的字段着色。那么我们就要从列表中元素改变这个事件出发,去寻找实现的方法。
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事件发送信号,我们可以实现在用户点击按钮之后触发期望的动作,比如这里的登录和注册。
执行效果如下:
好了,今天的课程就先到这里吧,我们的登录界面终于开发完毕!
接下来我们会进入各个具体功能页面,更多的精彩内容等着你哟!