devbox
IT小白
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

PyQt5系列教程（12）：构建我们自己的密码输入框_pyqt密码输入框

作者：IT小白 | 2024-03-24 04:24:58

赞

踩

pyqt密码输入框

PyQt5系列教程（12）：构建我们自己的密码输入框

学点编程吧
IT网络工程师，微信公众号：学点编程吧
​关注他
9 人赞了该文章

上期我们学习了消息对话框（QMessageBox），这次我们自己构建一个对话框。


还记得我们第一次学习输入对话框的时候吗?


QInputDialog.getText(self, '修改姓名', '请输入姓名：')

当时我就在想，能不能改成密码输入的框呢，改造后的效果如下：

我们实现了三种密码输入框的方式：


  1. 输入的密码不可见；
  2. 输入的密码可见，但是鼠标点击其他控件后，密码不可见；
  3. 输入的密码不可见，同时为了更加的安全，屏蔽了鼠标右键、禁用复制、粘贴快捷键、鼠标在密码框中不可移动，不可全选。就类似我们在输入QQ密码的时候一样。

因为采用了自定义对话框方式，我们将自定义对话框和主程序分别放在两个py文件中，分别取名为：PasswdDialog.py和main.py。由于代码较多，我们将主要的代码进行展示并讲解，全部的代码，可以关注微信公众号：发送pyqt512，获取。


重点讲解自定义对话框的构建。

  1. from PyQt5.QtWidgets import QDialog, QApplication, QLineEdit, QLabel, QPushButton, QHBoxLayout, QVBoxLayout, QMessageBox
  2. from PyQt5.QtCore import Qt, QEvent, QRegExp
  3. from PyQt5.QtGui import QKeyEvent, QKeySequence, QRegExpValidator
  4.  
  5. class PasswdDialog(QDialog):
  6.     def __init__(self):
  7.         super().__init__()
  8.         self.initUI() 
  9.  
  10.     def initUI(self):
  11.         self.resize(350,100)
  12.         self.setWindowTitle("密码输入框")
  13.  
  14.         self.lb = QLabel("请输入密码：",self)
  15.  
  16.         self.edit = QLineEdit(self)
  17.         self.edit.installEventFilter(self)
  18.  
  19.         self.bt1 = QPushButton("确定",self)
  20.         self.bt2 = QPushButton("取消",self)
  21.    
  22.         #怎么布局在布局篇介绍过，这里代码省略...
  23.  
  24.         self.edit.setContextMenuPolicy(Qt.NoContextMenu)
  25.         self.edit.setPlaceholderText("密码6-15位，只能有数字和字母，必须以字母开头")
  26.         self.edit.setEchoMode(QLineEdit.Password)
  27.  
  28.         regx = QRegExp("^[a-zA-Z][0-9A-Za-z]{14}$")
  29.         validator = QRegExpValidator(regx, self.edit)
  30.         self.edit.setValidator(validator)
  31.  
  32.         self.bt1.clicked.connect(self.Ok)
  33.         self.bt2.clicked.connect(self.Cancel)
  34.  
  35.         object = QObject()
  36.     def eventFilter(self, object, event):
  37.         if object == self.edit:
  38.             if event.type() == QEvent.MouseMove or event.type() == QEvent.MouseButtonDblClick:
  39.                 return True
  40.             elif event.type() == QEvent.KeyPress:
  41.                 key = QKeyEvent(event)
  42.                 if key.matches(QKeySequence.SelectAll) or key.matches(QKeySequence.Copy) or key.matches(QKeySequence.Paste):
  43.                     return True
  44.         return QDialog.eventFilter(self, object, event)
  45.     
  46.     def Ok(self):
  47.         self.text = self.edit.text()
  48.             if len(self.text) == 0:
  49.                 QMessageBox.warning(self, "警告", "密码为空")
  50.             elif len(self.text) < 6:
  51.                 QMessageBox.warning(self, "警告", "密码长度低于6位")
  52.             else:
  53.                 self.done(1)          # 结束对话框返回1
  54.  
  55.     def Cancel(self):
  56.         self.done(0)          # 结束对话框返回0

其实大家从这段代码中我们可以看出，本质上就是QDialog的继承，加上自己希望的界面和实现的功能。因此QDialog所有的属性，我们自定义对话框PasswdDialog都会有，这样能够省掉我们不少的时间来。这个也就是面向对象编程的魅力所在了。


  1. from PyQt5.QtCore import Qt, QEvent, QRegExp
  2. from PyQt5.QtGui import QKeyEvent, QKeySequence, QRegExpValidator

这里我们导入的类有很多新的面孔，例如：QEvent、QRegExp、QKeyEvent、QKeySequence、QRegExpValidator，这里我们不做讲解，在后面具体的代码我们在一一学习。


这次讲解不全按照代码的顺序，按照难度由浅入深的顺序讲解。


基础部分

  1. self.edit.setContextMenuPolicy(Qt.NoContextMenu)
  2. self.edit.setPlaceholderText("密码6-15位，只能有数字和字母，必须以字母开头")
  3. self.edit.setEchoMode(QLineEdit.Password)

这个三个语句是给密码输入框增加一些属性。


self.edit.setContextMenuPolicy(Qt.NoContextMenu)

这个语句设置QLineEdit对象的上下文菜单的策略。如果不写这句话，我们在密码输入框中单击右键是这样的：

大家可以看到出现复制、粘贴等菜单，这样对于密码的输入是不安全的。所以我们在此设置了Qt.NoContextMenu，即不允许出现上下文菜单。


self.edit.setPlaceholderText("密码6-15位，只能有数字和字母，必须以字母开头")

只要行编辑为空，设置此属性将使行编辑显示为灰色的占位符文本。默认情况下，此属性包含一个空字符串。效果是这样：

这是非常好的使用方法，可以在用户输入密码前看到一些小提示信息，但是又不影响使用，非常棒这个方法。


self.edit.setEchoMode(QLineEdit.Password)

这条语句设置了如何限定输入框中显示其包含信息的方式，这里设置的是：密码方式，即输入的时候呈现出原点出来。像这样：

当然我们还可以设置其他的方式如下：

最后一种的样式是这样的，我们一起来看一下。

我们可以根据自己的需要酌情选用合适方式。

正则表达式

  1. regx = QRegExp("^[a-zA-Z][0-9A-Za-z]{14}$")
  2. validator = QRegExpValidator(regx, self.edit)
  3. self.edit.setValidator(validator)

这三段代码大体意思就是说，运用正则表达式限定密码输入框字符接收的条件：


  1. 长度不能超过15位；
  2. 字母开头；
  3. 后面跟着的字符只能是字母或者数字。


这三段代码涉及到的：QRegExp、QRegExpValidator引入方式如下：


  1. from PyQt5.QtCore import QRegExp
  2. from PyQt5.QtGui import QRegExpValidator

QRegExp类使用正则表达式提供模式匹配。正则表达式是用于匹配文本中的子字符串的模式。


名词解释：


正则表达式，又称规则表达式，英文名为Regular Expression，在代码中常简写为regex、regexp或RE，是计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。


正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式，模式描述在搜索文本时要匹配的一个或多个字符串。（来源：百度百科）


regx = QRegExp("^[a-zA-Z][0-9A-Za-z]{14}$")

为给定的模式字符串构造一个正则表达式对象。


validator = QRegExpValidator(regx, self.edit)

构造一个验证器，该父对象接受与正则表达式匹配的所有字符串。这里的父对象就是QLineEdit对象了。匹配是针对整个字符串; 例如：如果正则表达式是[A-Fa-f0-9]+将被视为^[A-Fa-f0-9]+$。


self.edit.setValidator(validator)

将密码输入框设置为仅接受符合验证器条件的输入。 这允许您对可能输入的文本设置任何约束条件。因此我们这里设置的就是符合上面描述的三种约束条件。


事件过滤器

  1.        object = QObject()
  2.    def eventFilter(self, object, event):
  3.        if object == self.edit:
  4.            if event.type() == QEvent.MouseMove or event.type() == QEvent.MouseButtonDblClick:
  5.                return True
  6.            elif event.type() == QEvent.KeyPress:
  7.                key = QKeyEvent(event)
  8.                if key.matches(QKeySequence.SelectAll) or key.matches(QKeySequence.Copy) or key.matches(QKeySequence.Paste):
  9.                    return True
  10.        return QDialog.eventFilter(self, object, event)

事件过滤器可是一个非常重要的概念。根据Qt的官方文档，如果对象被安装已监视对象的事件过滤器，则过滤事件。如果要过滤事件，需重新实现此函数时，若停止进一步处理，返回true； 否则返回false。


如果一个对象安装多个事件过滤器，那么，最后安装的过滤器首先被激活。


警告：如果在eventFilter()函数中删除接收对象，一定要返回true。如果返回false，Qt给已删除的对象发送事件，程序就会挂了。


注意，过滤器对象必须和被观察者对象处于同一线程。如果过滤器对象在不同的线程，这个函数什么都不做。如果在调用这个函数之后，过滤器对象或被观察者对象被移动到不同的线程，事件过滤器将不会被调用，直到两个对象再处于相同的线程中。


本例中明确需要监测的对象，即对谁进行监测。是密码输入框，或者是这个主窗口，因为它们拥有一些共同的事件，如果不明确，不知道要过滤谁的事件。本例中为其安装事件过滤器如下：


self.edit.installEventFilter(self)

然后进行事件判断与转换：鼠标移动对应的事件类型为QEvent.MouseMove，鼠标双击对应的事件类型为QEvent.MouseButtonDblClick，全选、复制、粘贴对应的事件类型为 QEvent.KeyPress，当接收到这些事件时，需要被过滤掉，所以返回true。


注意：return QDialog.eventFilter(self,object,event)这句代码很关键，这里的意思是继续传递该事件到被观察者，由其本身调用相应的事件。


  1. if object == self.edit: 
  2.    if event.type() == QEvent.MouseMove or event.type() == QEvent.MouseButtonDblClick:
  3.        return True
  4.    elif event.type() == QEvent.KeyPress:
  5.        key = QKeyEvent(event)
  6.        if key.matches(QKeySequence.SelectAll) or key.matches(QKeySequence.Copy) or key.matches(QKeySequence.Paste):
  7.            return True

这里是对事件的判断。其中QKeyEvent类描述了一个关键事件。当按下或释放按键时，主要事件将发送到具有键盘输入焦点的小部件。然后运用matches方法匹配具体的按键。例如：QKeySequence.SelectAll表示全选，QKeySequence.Copy表示复制，QKeySequence.Paste表示粘贴。当然还有其它的按键组合。详见：QKeySequence Class

其它


  1. def Ok(self):
  2.    self.text = self.edit.text()
  3.    if len(self.text) == 0:
  4.        QMessageBox.warning(self, "警告", "密码为空")
  5.    elif len(self.text) < 6:
  6.        QMessageBox.warning(self, "警告", "密码长度低于6位")
  7.    else:
  8.        self.done(1)          # 结束对话框返回1
  9.  
  10. def Cancel(self):
  11.    self.done(0)          # 结束对话框返回0

这个语句比较简单，就是判断输入框的上用户点了的按钮，是确定还是取消；如果按了确定键看长度是否符合要求否则给予警告。最后使用done语句关闭对话框并将其结果设置为一个整数。如果此对话框显示为exec（），那么done（）会导致本地事件循环完成，exec（）返回该整数。


最后


本次重点介绍了我们自定义对话框：密码输入框的编写，主程序main.py因为比较简单，这里就不做讲解，可以自己下载源码看一下。


ok，今天就到这里，我们下期还会再谈一次对话框，本身对话框内容就比较多，会多分几期讲解。


如果你想要本次教程中的相关源码，请关注微信公众号：学点编程吧，发送pyqt512，会自动得到相应的百度网盘下载链接。


更多的PyQt5的文章，请在微信公众号：我的指南→技术文章→PyQt查找。。

原文网址点击打开链接

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/299832
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号