【项目亲测有效】【python-QTimer定时器】【方法二】解决同位置创建不同提示语，提示数秒后取消提示，出现与其它提示语重叠，如何解决？(只有一个QTimer定时器时)

紫菜猿

已于 2024-07-24 14:01:38 修改

阅读量358

点赞数 6

分类专栏： pyqt 文章标签： pyqt python

于 2024-07-24 13:39:41 首次发布

本文链接：https://blog.csdn.net/l_z_c_a/article/details/140659923

版权

pyqt 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

小伙伴们，我们先来看问题，看看是不是和你遇到的一样。。。

1、触发了提示一：“账号不可大于20位！”，提示出现3秒后消失（图一）；

2、在触发提示一后，继续触发提示二：“密码不可为空！”，此时出现了提示重叠（图二）；

这个提示重叠是否和你遇到的一样呢，来往下看，先看代码的实现；

大概实现是点击登录按钮后，判断账号与密码的输入，校验输入的内容并给出提示，提示3秒后，提示消失，回到初始页面；

# 非项目完整代码（抽出部分举例）

import sys
from PyQt5.QtCore import QTimer
from PyQt5.QtWidgets import QApplication


# 主窗口——登录
class Login_Window(QMainWindow, Ui_Login_Window, Login_Time_Action):

    def __init__(self, parent=None):
        super(Login_Window, self).__init__(parent)
        self.loginUi(self) # 调用页面ui文件

        # 按钮信号槽
        self.login_button.clicked.connect(self.login_action)

        # 定时器信号槽
        self.colse_tip_time = QTimer(self)
        self.colse_tip_time.timeout.connect(self.colse_tip)

        # 页面提示初始化关闭（保持原来页面）
        self.tip1_frame.setVisible(False)
        self.tip2_frame.setVisible(False)


	# 登录按钮槽函数
    def login_action(self):

		if len(username) > 20: # 输入大于20
		self.tip1_frame.setVisible(True)  # 显示文本“账号不可大于20位！”
		self.tip1.setText(" 账 号 不 可 大 于 20 位 ！ ")
		self.username_input.setStyleSheet("border:2px solid rgb(221, 85, 51);"
										  "border-radius: 8px;") # 变更输入框边为红色

		self.colse_tip_time.start(3000) # 提示后，3秒触发定时器函数，回到初始页面
		self.username_input.clear()

		elif password == '': # 输入为空
		self.tip2_frame.setVisible(True)  # 显示文本“账号不可大于20位！”
		self.tip2.setText(" 密 码 不 可 为 空 ！")
		self.password_input.setStyleSheet("border:2px solid rgb(221, 85, 51);"
										  "border-radius: 8px;") # 变更输入框边为红色
		
        self.colse_tip_time.start(3000)# 提示后，3秒触发定时器函数，回到初始页面

	# 定时器槽函数
	def colse_tip(self):
		
		# 关闭提示
		self.tip1_frame.setVisible(False)
		self.tip2_frame.setVisible(False)

		# 恢复输入框原本样式
		self.password_input.setStyleSheet(
			"color:#999; background-color:#fff; border-radius:8px; border:1px solid #ccc;")
		self.username_input.setStyleSheet(
			"color:#999; background-color:#fff; border-radius:8px; border:1px solid #ccc;")
        self.colse_tip_time.stop() # 关闭定时器
        del self.colse_tip_time # 删除定时器释放资源


if __name__ == "__main__":
    app = QApplication(sys.argv)
    MainWin = Login_Window()
    MainWin.show()
    sys.exit(app.exec_())

按上述代码，大概的需求是已经实现了的，能在对应的情况下给出对应的提示。但是在连续触发提示时则会重叠；

解决：

其实认真思路一下，可以发现还是定时器引起的问题，在上一个提示未取消前（3秒），继续触发下一个则会一并触发，出现重叠。

但是没有这个定时器的话，我们又没有办法实现3秒后取消提示。所以，我们除了在初始化时需要隐藏提示外，在点击登录按钮（进入槽函数时）也需要再初始化一次提示的元素；

下面是修改后的迭代，可以和上面的代码前后对比一下；

# 非项目完整代码（抽出部分举例）

	# 登录按钮槽函数
    def login_action(self):

        # 1、再次初始化提示的元素，使每次点击按钮，提示的元素都是处于一个隐藏的状态，
        # 2、当进入判断条件后，我们需要哪个提示元素，则直接修改状态为显示即可
        self.tip1_frame.setVisible(False)
        self.tip2_frame.setVisible(False)

		if len(username) > 20: # 输入大于20
		self.tip1_frame.setVisible(True)  # 显示提示元素一，文本“账号不可大于20位！”
		self.tip1.setText(" 账 号 不 可 大 于 20 位 ！ ")
		self.username_input.setStyleSheet("border:2px solid rgb(221, 85, 51);"
										  "border-radius: 8px;") # 变更输入框边为红色
		
        self.colse_tip_time.start(3000) # 提示后，3秒触发定时器函数，回到初始页面
		self.username_input.clear()

		elif password == '': # 输入为空
		self.tip2_frame.setVisible(True)  # 显示提示元素二，文本“账号不可大于20位！”
		self.tip2.setText(" 密 码 不 可 为 空 ！")
		self.password_input.setStyleSheet("border:2px solid rgb(221, 85, 51);"
										  "border-radius: 8px;") # 变更输入框边为红色

		self.colse_tip_time.start(3000) # 提示后，3秒触发定时器函数，回到初始页面

下面解释一下，两个地方初始化的作用

1、在页面初始化是为了，当进入页面的时候，我们需要保持页面原来的模样，不显示提示的元素样式出来，如何没有初始化的话，会是这样。。（图三）