模仿QQ登录界面窗口~PYQT6,实现登录、天气预报查询

已于 2024-08-05 09:25:12 修改
阅读量900 收藏 19
点赞数 19
文章标签： python pyqt
于 2024-08-05 09:24:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czlong19881022/article/details/140917027
版权

我新手小白，一直想学习做一款程序，今天终于让我实现了一部分

  1. 登录窗口实现，
    1. 模仿QQ登录界面
      1. 背景动态渐变效果，每次打开都不一样，是动态的会不断变化
      2. 用户输入框和密码输入框在默认状态显示灰色，当选中时：图标变色、底部边框变色
      3. 关于动态渐变色思路：一开始想的时动态图片，后来怎么都觉得不好看，于是就想到动态背景，弄了半天效果都不好，突然灵光一现，在窗口增加了很多颜色粒子，让他们在窗体移动，然后在该一层的模糊滤镜
      4. 添加运动粒子添加滤镜效果设置70模糊度效果就有了，因为时随机生成颜色，就要限制下颜色范围，不要低饱和度的，
      5. 鼠标可以拖动窗体，添加阴影
    2. UI界面代码 
      # Form implementation generated from reading ui file 'LoginUi.ui'
#
# Created by: PyQt6 UI code generator 6.4.2
#
# WARNING: Any manual changes made to this file will be lost when pyuic6 is
# run again.  Do not edit this file unless you know what you are doing.


from PyQt6 import QtCore, QtGui, QtWidgets


class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(496, 409)
        Form.setStyleSheet("QPushButton {\n"
                           "background-color: rgba(255, 255, 255, 0); /* 背景颜色 */\n"
                           "border:0px; /* 边框样式 */\n"
                           "border-radius: 3px;         /* 圆角 */\n"
                           "padding: 2px 4px;           /* 内边距 */\n"
                           "color: white;               /* 文字颜色 */\n"
                           "\n"
                           "    }\n"
                           "    QPushButton:hover {\n"
                           "        background-color:rgba(0, 0, 0, 50);  /* 鼠标悬停时的背景颜色 */\n"
                           "    }\n"
                           "    QPushButton:pressed {\n"
                           "        background-color: rgba(0, 0, 0, 150);  /* 按下时的背景颜色 */\n"
                           "    }\n"
                           "\n"
                           "\n"
                           "QLineEdit {\n"
                           "        border-bottom-width: 0px;      /* 默认底部边框隐藏 */\n"
                           "        border-style: solid;\n"
                           "        padding: 30px;\n"
                           "        background-color: #FFFFFF;\n"
                           "        color: #000000;\n"
                           "        border-bottom-width: 2px;      /* 获取焦点时底部边框宽度 */\n"
                           "        border-bottom-color: rgb(172, 172, 172);     /* 获取焦点时底部边框颜色 */\n"
                           "    }\n"
                           "    QLineEdit:focus {\n"
                           "        border-bottom-width: 2px;      /* 获取焦点时底部边框宽度 */\n"
                           "        border-bottom-color: rgb(0, 170, 255);     /* 获取焦点时底部边框颜色 */\n"
                           "        border-bottom-style: solid;    /* 获取焦点时底部边框样式 */\n"
                           "    }\n"
                           "\n"
                           "\n"
                           "")
        self.LoginMain = QtWidgets.QFrame(parent=Form)
        self.LoginMain.setGeometry(QtCore.QRect(30, 30, 430, 330))
        self.LoginMain.setMinimumSize(QtCore.QSize(430, 330))
        self.LoginMain.setMaximumSize(QtCore.QSize(430, 430))
        self.LoginMain.setStyleSheet("QFrame {\n"
                                     "border-radius: 5px;\n"
                                     "background-color: qlineargradient(spread:pad, x1:1, y1:0.023, x2:0, y2:0.994, stop:0 rgba(105, 183, 206, 255), stop:1 rgba(63, 111, 118, 255));\n"
                                     "border: 1px solid rgb(100, 169, 139);\n"
                                     "   }")
        self.LoginMain.setFrameShape(QtWidgets.QFrame.Shape.StyledPanel)
        self.LoginMain.setFrameShadow(QtWidgets.QFrame.Shadow.Raised)
        self.LoginMain.setObjectName("LoginMain")
        self.UserName = QtWidgets.QLineEdit(parent=self.LoginMain)
        self.UserName.setGeometry(QtCore.QRect(95, 170, 240, 30))
        self.UserName.setMinimumSize(QtCore.QSize(240, 30))
        self.UserName.setMaximumSize(QtCore.QSize(240, 30))
        self.UserName.setStyleSheet("QLineEdit {\n"
                                    "    border-top-left-radius: 10px;  /* 左上角圆角 */\n"
                                    "    border-top-right-radius: 10px; /* 右上角圆角 */\n"
                                    "    background-image: url(res/Weather/loginicon/icon_Hui/yonghuming.png); /* 图标1 */\n"
                                    "    background-repeat: no-repeat;\n"
                                    "    background-position: left center;\n"
                                    "    padding-left: 35px; /* 调整这个值以确保文本与图标之间有足够的间距 */\n"
                                    "    background-size: 20px 20px; /* 明确设置图标大小 */\n"
                                    "}\n"
                                    "\n"
                                    "QLineEdit::focus {\n"
                                    "    background-image: url(res/Weather/loginicon/icon_Lan/yonghuming.png); /* 图标2 */\n"
                                    "    background-repeat: no-repeat;\n"
                                    "    background-position: left center;\n"
                                    "    padding-left: 35px; /* 调整这个值以确保文本与图标之间有足够的间距 */\n"
                                    "    background-size: 20px 20px; /* 明确设置图标大小 */\n"
                                    "}\n"
                                    "")
        self.UserName.setObjectName("UserName")
        self.FPbutton = QtWidgets.QPushButton(parent=self.LoginMain)
        self.FPbutton.setGeometry(QtCore.QRect(175, 230, 80, 30))
        self.FPbutton.setMinimumSize(QtCore.QSize(0, 30))
        self.FPbutton.setMaximumSize(QtCore.QSize(16777215, 30))
        font = QtGui.QFont()
        font.setPointSize(9)
        self.FPbutton.setFont(font)
        self.FPbutton.setStyleSheet("QPushButton\n"
                                    "{background-color: rgba(255, 255, 255, 0);\n"
                                    "}\n"
                                    "QPushButton:hover {\n"
                                    "color:rgba(0, 0, 0, 50);  /* 鼠标悬停时的背景颜色 */\n"
                                    " }\n"
                                    " QPushButton:pressed {\n"
                                    "color: rgba(0, 0, 0, 150);  /* 按下时的背景颜色 */\n"
                                    " }")
        self.FPbutton.setObjectName("FPbutton")
        self.RPbutton = QtWidgets.QCheckBox(parent=self.LoginMain)
        self.RPbutton.setGeometry(QtCore.QRect(95, 231, 79, 30))
        self.RPbutton.setMinimumSize(QtCore.QSize(0, 30))
        self.RPbutton.setMaximumSize(QtCore.QSize(16777215, 30))
        self.RPbutton.setStyleSheet("QCheckBox\n"
                                    "{\n"
                                    "background-color: rgba(255, 255, 255, 0);\n"
                                    "    color: rgb(255, 255, 255);\n"
                                    "}\n"
                                    "QCheckBox:hover {\n"
                                    "color:rgba(0, 0, 0, 50);  /* 鼠标悬停时的背景颜色 */\n"
                                    " }\n"
                                    " QCheckBox:pressed {\n"
                                    "color: rgba(0, 0, 0, 150);  /* 按下时的背景颜色 */\n"
                                    " }")
        self.RPbutton.setObjectName("RPbutton")
        self.PassWord = QtWidgets.QLineEdit(parent=self.LoginMain)
        self.PassWord.setGeometry(QtCore.QRect(95, 200, 240, 30))
        self.PassWord.setMinimumSize(QtCore.QSize(240, 3))
        self.PassWord.setMaximumSize(QtCore.QSize(240, 30))
        self.PassWord.setContextMenuPolicy(QtCore.Qt.ContextMenuPolicy.PreventContextMenu)
        self.PassWord.setStyleSheet("QLineEdit {\n"
                                    "        border-bottom-left-radius: 10px;  /* 左上角圆角 */\n"
                                    "        border-bottom-right-radius: 10px; /* 右上角圆角 */\n"
                                    "         background-image: url(res/Weather/loginicon/icon_Hui/tianchongxing-_1.png); /* 图标1 */\n"
                                    "            background-repeat: no-repeat;\n"
                                    "            background-position: left center;\n"
                                    "    padding-left: 35px; /* 调整这个值以确保文本与图标之间有足够的间距 */\n"
                                    "        }\n"
                                    "QLineEdit::focus {\n"
                                    "            background-image:url(res/Weather/loginicon/icon_Lan/tianchongxing-.png); /* 图标2 */\n"
                                    "            background-repeat: no-repeat;\n"
                                    "            background-position: left center;\n"
                                    "    padding-left: 35px; /* 调整这个值以确保文本与图标之间有足够的间距 */\n"
                                    "        }")
        self.PassWord.setEchoMode(QtWidgets.QLineEdit.EchoMode.Password)
        self.PassWord.setObjectName("PassWord")
        self.LoginButton = QtWidgets.QPushButton(parent=self.LoginMain)
        self.LoginButton.setGeometry(QtCore.QRect(95, 265, 240, 35))
        self.LoginButton.setMinimumSize(QtCore.QSize(240, 35))
        self.LoginButton.setMaximumSize(QtCore.QSize(240, 35))
        self.LoginButton.setStyleSheet("QPushButton {\n"
                                       "background-color: rgb(0, 170, 255); /* 背景颜色 */\n"
                                       "border:0px; /* 边框样式 */\n"
                                       "border-radius: 8px;         /* 圆角 */\n"
                                       "font-size: 16px;            /* 字体大小 */\n"
                                       "    }\n"
                                       "    QPushButton:hover {\n"
                                       "        background-color:rgb(0, 145, 218);  /* 鼠标悬停时的背景颜色 */\n"
                                       "    }\n"
                                       "    QPushButton:pressed {\n"
                                       "        background-color: rgb(0, 113, 170);  /* 按下时的背景颜色 */\n"
                                       "    }")
        self.LoginButton.setObjectName("LoginButton")
        self.RAbutton = QtWidgets.QPushButton(parent=self.LoginMain)
        self.RAbutton.setGeometry(QtCore.QRect(255, 231, 79, 30))
        self.RAbutton.setMinimumSize(QtCore.QSize(0, 30))
        self.RAbutton.setMaximumSize(QtCore.QSize(16777215, 30))
        self.RAbutton.setStyleSheet("QPushButton\n"
                                    "{background-color: rgba(255, 255, 255, 0);\n"
                                    "}\n"
                                    "QPushButton:hover {\n"
                                    "color:rgba(0, 0, 0, 50);  /* 鼠标悬停时的背景颜色 */\n"
                                    " }\n"
                                    " QPushButton:pressed {\n"
                                    "color: rgba(0, 0, 0, 150);  /* 按下时的背景颜色 */\n"
                                    " }")
        self.RAbutton.setObjectName("RAbutton")
        self.CloseButton = QtWidgets.QPushButton(parent=self.LoginMain)
        self.CloseButton.setGeometry(QtCore.QRect(400, 0, 30, 30))
        self.CloseButton.setMinimumSize(QtCore.QSize(30, 30))
        self.CloseButton.setMaximumSize(QtCore.QSize(30, 30))
        self.CloseButton.setStyleSheet("QPushButton:hover {\n"
                                       "background-color: rgba(170, 0, 0, 150);  /* 鼠标悬停时的背景颜色 */\n"
                                       "}\n"
                                       "QPushButton:pressed {\n"
                                       "background-color: rgba(170, 0, 0, 250);  /* 按下时的背景颜色 */\n"
                                       "}")
最低0.47元/天 解锁文章
czlong19881022
关注
Qt模仿QQ聊天窗口界面（一）
雨田哥的博客
05-25 2万+
Qt模仿聊天窗口界面（一） Qt模仿聊天窗口界面（一） 简述 效果图 QQ的聊天窗口 我做的效果图 代码篇 结尾 简述 最近利用业余时间，模仿QQ做了一个聊天窗口界面，功能还不全，准备分几个部分做出来，还是看空闲时间了，以及广大网友的支持了。 效果图 QQ的聊天窗口 我做的效果图 代码篇 //TalkWindowSh...
python仿QQ
m0_37876057的博客
09-11 1918
针对之前很多同学问我这个可不可不支持数据库及增加注册功能，我增加了这些功能，本软件基于python gui图形库pyqt5编写的仿qq，采用mysql数据库存储，socket通信（tcp协议）实现，支持多账号登录，注册，单人私聊，群聊，添加好友分组等功能。 源码下载：基于Tcpsocket通信的Pyqt5仿QQ-Python文档类资源-CSDN下载基于Tcpsocket通信的Pyqt5仿QQ，增加支持数据库，qq，登录，注册，群聊功能更多下载资源。
pyqt5登录界面设计——模仿qq登录界面，可登录注册（数据库）
热门推荐
耶律大石的博客
12-22 1万+
今天给大家分享一个十分不错的pyqt5实现的登录界面，很像qq的登录界面，你可以将此登录界面用到自己的项目中，甚至完全不用修改，只需在自己项目中运行该py文件即可，在输入正确的账号和密码后，就可以进入的自己的主界面。 1、效果图： 2、视频效果图 西瓜视频——pyqt5实现登录界面 3、代码说明 首先最开始，我们自己用代码编写了一个标题栏，用于美化我们的登录界面，但是这个和你主界面的并无关系。在代码190行第载入了一张图片，这个图片你可以随意改变。 palette1.setBrush(self.backg
python实现qq登录界面_使用Python编写一个QQ办公版的图形登录界面！
weixin_33289964的博客
02-20 1129
最近，QQ的办公版本——TIM进行了一次更新升级。本次更新升级大幅修改了界面的样式，看起来更加的清爽、简洁和高效了。这种界面州的先生还是比较喜欢的，没有QQ那么花里胡哨，也比微信那些残缺的功能更加丰富。并且这次的登录界面还新增了微信登录的选项，看来 TIM 还打算从微信那边争取一部分用户过来。闲话少说，进入正题。州的先生看到这个出自大厂的图形界面程序，不由得想用 Python 的图形界面模块来实现...
PyQt5教程(十二)——实现QQ登录界面（六、实现鼠标拖动界面，鼠标事件）
ifeng12358的博客
11-15 2565
PyQt5教程(十二)——实现QQ登录界面（五、实现鼠标拖动界面，鼠标事件） 一、实现界面可以随着鼠标进行拖动 1、主要就是对鼠标事件的实现： def mousePressEvent(self, event): if event.button() == Qt.LeftButton: self.m_flag = Tr...
python制作qq登录界面_Python制作一个仿QQ办公版的图形登录界面
weixin_35523135的博客
03-02 1185
最近，QQ的办公版本——TIM进行了一次更新升级。本次更新升级大幅修改了界面的样式，看起来更加的清爽、简洁和高效了。这种界面州的先生还是比较喜欢的，没有QQ那么花里胡哨，也比微信那些残缺的功能更加丰富。并且这次的登录界面还新增了微信登录的选项，看来 TIM 还打算从微信那边争取一部分用户过来。闲话少说，进入正题。州的先生看到这个出自大厂的图形界面程序，不由得想用 Python 的图形界面模块来实现...
PyQt：个性化登录界面模仿QQ登录
weixin_30765319的博客
08-12 516
写在前面 　　写了一个登录界面的demo，类似QQ的，写的自己喜欢的样式，贴一下代码，先上效果，如下 陈述 　　PyQt5+Python3.5.2 　　login.py是里登录的主界面loginWnd类，Header.py里是标题栏和整个窗口的类，我在login.py里面创建了application对象。（其实也没有必要分成两个文件来写，直接按照我这一篇的处理就ok的 h...
帮我用python写一个像QQ登录差不多的登录界面
weixin_35755188的博客
02-11 278
当然可以！如果您想要实现类似于QQ登录界面的功能，可以使用Python GUI库来创建图形界面。有很多不同的库可以选择，例如Tkinter、PyQt、wxPython等。 这里是一个使用Tkinter创建登录界面的简单代码片段： import tkinter as tk def on_login(): username = entry_username.get() passwor...
python制作qq登录界面_用Python实现一个最新QQ办公版（TIM）的登录界面
weixin_39575775的博客
12-03 306
最近，QQ的办公版本——TIM进行了一次更新升级。本次更新升级大幅修改了界面的样式，看起来更加的清爽、简洁和高效了。 这种界面州的先生还是比较喜欢的，没有QQ那么花里胡哨，也比微信那些残缺的功能更加丰富。并且这次的登录界面还新增了微信登录的选项，看来 TIM 还打算从微信那边争取一部分用户过来。闲话少说，进入正题。州的先生看到这个出自大厂的图形界面程序，不由得想用 Python 的图形界面模块来实...
python+PYQT5 实现我的软件管理助手
11-18
在本项目中，“python+PYQT5 实现我的软件管理助手”是一个利用Python编程语言结合PYQT5库创建的应用程序，旨在提供一个便捷的软件管理平台。PYQT5是Python中的一个图形用户界面（GUI）工具包，它允许开发者创建功能...
使用Python编写一个QQ办公版的图形登录界面！
爬遍所有网站
09-26 388
最近，QQ的办公版本——TIM进行了一次更新升级。本次更新升级大幅修改了界面的样式，看起来更加的清爽、简洁和高效了。 这种界面州的先生还是比较喜欢的，没有QQ那么花里胡哨，也比微信那些残缺的功能更加丰富。 并且这次的登录界面还新增了微信登录的选项，看来 TIM 还打算从微信那边争取一部分用户过来。 闲话少说，进入正题。 州的先生看到这个出自大厂的图形界面程序，不由得想用 Python 的图形界面模块来实现一个。在上古时代，前端开发还是被称为“切图仔”的岗位，那时候的一个练手方式就是使用手写 HT
Tcl lnit error: Can’t find a usable init.tcl in the following directories 问题解决
最新发布
梦想闹钟
09-15 444
实际研究后发现，其实py2exe已经把打包需要的lib放在dist文件夹下了，但是打包后的程序运行后却没有去lib下找，而是去找系统自带的环境变量里找，所以找不到。这个问题出现在我用py2exe打包了一个包含tkinter的图形化界面，在当前电脑上运行无问题，在移动到新电脑上后提示报错、getcwd用于获取当前工作目录绝对路径，在设置环境的变量的时候它用的是绝对路径-所以也导致了在当前电脑上能用而移动后不能用。解决方法是在你的程序里重新设置下环境变量，而且是用相对路径的形式。
Python世界：力扣29题两数相除算法实践
来知晓的博客
09-13 418
除法运算本质是减法，从理解原理到真正实现还是有距离，建议初步理解后，不参考任何代码，完全自己复现一遍，体会更深。注意提示：目的就是提醒越界问题：-2^31/-1=2&31，超过了整数表达范围。本问题来自于力扣29题，在做完大数相乘后，顺带也看下两数相除。将两数相除，要求不使用乘法、除法和 mod 运算符。给定两个整数，被除数。
Python办公自动化案例（二）：对比两个Excel数据内容并标出不同
衍生星球的博客
09-14 461
在数据处理和分析的日常工作中，我们经常需要比较两个Excel文件的差异。这可能是为了验证数据的一致性、检查数据的准确性，或者在版本控制中追踪更改。手动比较这些文件不仅耗时，而且容易出错。幸运的是，Python的openpyxl库提供了一种自动化这一过程的方法。
JUC从实战到源码：中断机制与API实现
qq_43843951的博客
09-12 1158
在Java中，线程中断是一种机制，用于通知线程应该停止当前正在执行的任务。中断通常用于协同线程之间的合作，以便让线程在适当的时候终止其工作，尤其是在长时间运行的任务或阻塞操作中。通过学了多线程以及synchronized的相关知识，接下来就到了学习线程中断知识。
车辆检测与分类系统源码分享
xuehaikj的博客
09-13 1414
数据集信息展示在本研究中，我们采用了名为“comexit”的数据集，以支持对YOLOv8模型在车辆检测与分类任务中的改进。该数据集专注于交通工具的识别，特别是公共交通和货运车辆，具有明确的应用背景和实用价值。数据集的类别数量为三，具体包括“bus”（公交车）、“car”（小汽车）和“truck”（卡车）。这三类车辆在城市交通和物流系统中扮演着重要角色，因此，准确的检测与分类对于交通管理、智能交通系统以及自动驾驶技术的发展具有重要意义。
opencv学习：calcHist 函数绘制图像直方图及代码实现
mohanyelong的博客
09-13 1479
opencv学习：calcHist 函数绘制图像直方图及代码实现
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值