PYqt5制作登陆界面
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
界面是根据b站up来做的链接放到文章末尾
本人菜鸡没能去除外面的form,效果图如下
文章目录
- 前言
- 一、环境搭建?
- 二、py源码
- 总结
前言
环境:vc、pyton3.8.1、PYQt5
提示:以下是本篇文章正文内容,下面案例可供参考
一、环境搭建
这里不在赘述直接引用别人的博客
一定要注意环境的配置,由于本人是菜鸡,配置了很多次(2条消息) VScode中PyQt5的简单配置(详细教程)_LGP是人间理想的博客-CSDN博客_pyqt5 vscode
二、py源码如下
1.这个是py文件
复制粘贴 后需要修改素材路径(需要修改素材路径的地方已经加上黄色背景):
from PyQt5 import QtCore, QtGui, QtWidgets
import sys , res
class Ui_Form(object):
def setupUi(self, Form):
Form.setObjectName("Form")
Form.resize(623, 539)
self.widget = QtWidgets.QWidget(Form)
self.widget.setGeometry(QtCore.QRect(30, 30, 550, 500))
self.widget.setStyleSheet("QPushButton#pushButton{\n"
" background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(120, 38, 26, 150), stop:1 rgba(255, 255, 255, 255));\n"
" color:rgba(255,255,255,220);\n"
" border-radius:5px;\n"
"}\n"
"QPushButton#pushButton:hover{\n"
" background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 255, 255, 255), stop:1 rgba(120, 38, 26,150));\n"
"}\n"
"QPushButton#pushButton:pressed{\n"
" padding-left:5px;\n"
" padding-top:5px;\n"
" background-color:rgba(120,38,26,255);\n"
"}\n"
"\n"
"QPushButton#pushButton_2,#pushButton_3,#pushButton_4,#pushButton_5{\n"
" background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 255, 255, 255), stop:1 rgba(222, 190, 167,150));\n"
" color:rgba(255,255,255,220);\n"
" border-radius:5px;\n"
"}\n"
"QPushButton#pushButton_2:hover,#pushButton_3:hover,#pushButton_4:hover,#pushButton_5:hover{\n"
"background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(222, 190, 167,150), stop:1 rgba(255, 255, 255, 255));\n"
"}\n"
"QPushButton#pushButton_2:pressed,#pushButton_3:pressed,#pushButton_4:pressed,#pushButton_5:pressed{\n"
" padding-left:5px;\n"
" padding-top:5px;\n"
" background-color:rgba(222,190,167,255);\n"
"}\n"
"")
self.widget.setObjectName("widget")
self.label = QtWidgets.QLabel(self.widget)
self.label.setGeometry(QtCore.QRect(40, 30, 280, 430))
self.label.setStyleSheet("border-image: url(:/images/敦煌.jpeg);\n" ”素材路径“
"border-top-left-radius:50px;")
self.label.setText("")
self.label.setObjectName("label")
self.label_2 = QtWidgets.QLabel(self.widget)
self.label_2.setGeometry(QtCore.QRect(40, 30, 280, 430))
self.label_2.setStyleSheet("background-color:rgba(0,0,0,80);\n"
"border-top-left-radius:50px;")
self.label_2.setText("")
self.label_2.setObjectName("label_2")
self.label_3 = QtWidgets.QLabel(self.widget)
self.label_3.setGeometry(QtCore.QRect(270, 30, 240, 430))
self.label_3.setStyleSheet("background-color:rgba(255,255,255,255);\n"
"border-bottom-right-radius:50px;")
self.label_3.setText("")
self.label_3.setObjectName("label_3")
self.label_4 = QtWidgets.QLabel(self.widget)
self.label_4.setGeometry(QtCore.QRect(340, 80, 110, 50))
font = QtGui.QFont()
font.setFamily("MS Gothic")
font.setPointSize(25)
font.setBold(True)
font.setWeight(75)
self.label_4.setFont(font)
self.label_4.setStyleSheet("color:rgba(0,0,0,200);")
self.label_4.setObjectName("label_4")
self.lineEdit = QtWidgets.QLineEdit(self.widget)
self.lineEdit.setGeometry(QtCore.QRect(295, 150, 190, 40))
font = QtGui.QFont()
font.setPointSize(12)
self.lineEdit.setFont(font)
self.lineEdit.setStyleSheet("background-color:rgba(0,0,0,0);\n"
"border:none;\n"
"border-bottom:2px solid rgba(120,38,26,200);\n"
"color:rgba(0,0,0,240);\n"
"padding-bottom:7px;")
self.lineEdit.setObjectName("lineEdit")
self.lineEdit_2 = QtWidgets.QLineEdit(self.widget)
self.lineEdit_2.setGeometry(QtCore.QRect(295, 215, 190, 40))
font = QtGui.QFont()
font.setPointSize(12)
self.lineEdit_2.setFont(font)
self.lineEdit_2.setStyleSheet("background-color:rgba(0,0,0,0);\n"
"border:none;\n"
"border-bottom:2px solid rgba(120,38,26,200);\n"
"color:rgba(0,0,0,240);\n"
"padding-bottom:7px;")
self.lineEdit_2.setEchoMode(QtWidgets.QLineEdit.Password)
self.lineEdit_2.setObjectName("lineEdit_2")
self.pushButton = QtWidgets.QPushButton(self.widget)
self.pushButton.setGeometry(QtCore.QRect(295, 295, 190, 40))
self.pushButton.setObjectName("pushButton")
self.label_5 = QtWidgets.QLabel(self.widget)
self.label_5.setGeometry(QtCore.QRect(290, 340, 210, 20))
font = QtGui.QFont()
font.setPointSize(8)
self.label_5.setFont(font)
self.label_5.setStyleSheet("color:rgba(0,0,0,210);\n"
"")
self.label_5.setObjectName("label_5")
self.horizontalLayoutWidget = QtWidgets.QWidget(self.widget)
self.horizontalLayoutWidget.setGeometry(QtCore.QRect(310, 370, 160, 31))
self.horizontalLayoutWidget.setObjectName("horizontalLayoutWidget")
self.horizontalLayout = QtWidgets.QHBoxLayout(self.horizontalLayoutWidget)
self.horizontalLayout.setContentsMargins(0, 0, 0, 0)
self.horizontalLayout.setSpacing(0)
self.horizontalLayout.setObjectName("horizontalLayout")
self.pushButton_2 = QtWidgets.QPushButton(self.horizontalLayoutWidget)
self.pushButton_2.setMaximumSize(QtCore.QSize(30, 30))
font = QtGui.QFont()
font.setFamily("等线")
font.setPointSize(15)
self.pushButton_2.setFont(font)
self.pushButton_2.setStyleSheet("border-image: url(:/images/twitter-circle-fill.png);")
self.pushButton_2.setText("")
self.pushButton_2.setObjectName("pushButton_2")
self.horizontalLayout.addWidget(self.pushButton_2)
self.pushButton_3 = QtWidgets.QPushButton(self.horizontalLayoutWidget)
self.pushButton_3.setMaximumSize(QtCore.QSize(30, 30))
font = QtGui.QFont()
font.setFamily("等线")
font.setPointSize(15)
self.pushButton_3.setFont(font)
self.pushButton_3.setStyleSheet("border-image: url(:/images/facebook_facebook52.png);")
self.pushButton_3.setText("")
self.pushButton_3.setObjectName("pushButton_3")
self.horizontalLayout.addWidget(self.pushButton_3)
self.pushButton_4 = QtWidgets.QPushButton(self.horizontalLayoutWidget)
self.pushButton_4.setMaximumSize(QtCore.QSize(30, 30))
font = QtGui.QFont()
font.setFamily("等线")
font.setPointSize(15)
self.pushButton_4.setFont(font)
self.pushButton_4.setStyleSheet("border-image: url(:/images/微信.png);")
self.pushButton_4.setText("")
self.pushButton_4.setObjectName("pushButton_4")
self.horizontalLayout.addWidget(self.pushButton_4)
self.pushButton_5 = QtWidgets.QPushButton(self.horizontalLayoutWidget)
self.pushButton_5.setMaximumSize(QtCore.QSize(30, 30))
font = QtGui.QFont()
font.setFamily("等线")
font.setPointSize(15)
self.pushButton_5.setFont(font)
self.pushButton_5.setStyleSheet("border-image: url(:/images/QQ-circle-fill.png);")
self.pushButton_5.setText("")
self.pushButton_5.setObjectName("pushButton_5")
self.horizontalLayout.addWidget(self.pushButton_5)
self.retranslateUi(Form)
QtCore.QMetaObject.connectSlotsByName(Form)
def retranslateUi(self, Form):
_translate = QtCore.QCoreApplication.translate
Form.setWindowTitle(_translate("Form", "Form"))
self.label_4.setText(_translate("Form", "Log In"))
self.lineEdit.setPlaceholderText(_translate("Form", "User Name"))
self.lineEdit_2.setPlaceholderText(_translate("Form", "Password"))
self.pushButton.setText(_translate("Form", "LOG In"))
self.label_5.setText(_translate("Form", "Forgot your User Name or password?"))
if __name__ == "__main__":
app=QtWidgets.QApplication(sys.argv)
Form=QtWidgets.QWidget()
ui=Ui_Form()
ui.setupUi(Form)
Form.show()
sys.exit(app.exec_())
总结
b站up教程:python/PyQt5/QtDesigner设计精美登录(login)页面_哔哩哔哩_bilibili
本人在做的时候出现过很多错误,有时候执行不了py文件,就是环境配置出了问题
我配置了这四个文件才正常执行:
这个是源文件好兄弟们不知道可以直接下载不,下载需要钱的话好兄弟们直接私信我,我发给好兄弟们:pyqt5制作的ui与py文件-Python文档类资源-CSDN文库
PYqt5制作登陆界面相关推荐
- Python制作登陆界面(2)(中等级)
前言 本人又来教大家制作登陆界面啦! 大家知道弹窗在电脑中无处不在:浏览器界面啊,Python编程界面啊,网络会议室啊等等. 相信你们在使用Python中肯定用过一个庞大的GUI模块:tkinter. ...
- 使用Pyqt5制作GUI界面,并使用pyinstaller打包成exe文件
1:安装需要的第三方库(pyqt5,pyqt5-tools) 如果读者使用的anaconda,在安装完上述两个包之后会出现spyder打开不了的情况,本博客是基于纯python3(重装 的,自己的sp ...
- pyqt5制作GUI界面(一)
前言 使用qt工具,制作一个界面,方便又快捷,所以画上一个小时学习一下就可以了,要比做一个网站搞前后端简单多了.以此过程记录一下我的基本过程 安装 pip install pyqt5-tools 基本 ...
- pycharm pyqt5实现登陆界面_PyQt5可以实现界面和逻辑代码分离吗?大声说出你的答案!...
必须的!!! PyQt5作为最强大的Python GUI设计模块,小编在这里告诉大家:PyQt5可以实现界面与逻辑代码分离,实现非常简单,用处特别大! 初学者在学习PyQt5时,使用Qt Design ...
- Jsp制作登陆界面(无后台)
在经过了两学期的学习之后,对于编程序也有了一定的了解,这次学习了jsp脚本编程语言,这次我们需要做一个登陆界面,无后台版本,大致分为了一下几个步骤. 1.首先是新建相应的项目.文件.以及配置相应的环境 ...
- RAMMAP(运行内存清理工具)自动释放内存,并利用pyqt5制作图形界面
上一篇文章用python制作了一个自动清理内存的程序,利用cmd端口调用Rammap,不过只是做了一个托盘图标,这回用pyqt5做一个简单的图形界面,并实现对自动清理模式的一些设置 首先利用pyqt5 ...
- pb 制作登陆界面连接数据库
一.app.demolearn 1>Global Variables<全局定义> string ls_inifile ="j:/d ...
- python qt5 增加文本框_Python用PyQt5制作弹出式输入框,Qt图形界面编程之QInputDialog...
前面内容,我们介绍了PyQt5的一些常用基本控件. 温故而知新 计数器QSpinBox使用详解,Python用PyQt5制作图形界面基础控件篇 Python用PyQt5实现多种弹出消息框,QMessa ...
- 利用XML制作UGUI登陆界面
好久没有写博客了,最近比较忙.今天我们来分享一下制作账户登录界面的做法吧!由于比较喜欢UGUI,所以用UGUI系统来开发的,但是个人感觉UGUI和NGUI没有太多的区别! 先来几张图片看看效果图吧! ...
最新文章
- 百度android 测试平台,集成百度活体检测(Android、iOS)
- 连接虚拟机mysql无法访问_连接虚拟机mysql无法访问,报错编号1130的解决方法
- goahead php,Goahead移植教程 | 学步园
- java 对象视图框架_Stripes视图框架Java对象属性验证和prototype.js Ajax的测试
- vue 编辑弹框,编辑页面,列表数据也会跟着变
- 基于S函数的BP神经网络PID控制器及simulink仿真
- hnu 暑期实训之A除以B
- LSJ_NHibernate第一章 NHibernate介绍
- js各种for循环及性能比较
- 计算机CPU的常见故障的排除,计算机CPU常见故障与排除.pdf
- Delphi下使用并口控制打印机的方法
- html5开发app的视频教程及相关资料
- X32汇编AAA,AAS,AAM,AAD,DAS,DAA
- JAP的类关系 @OneToMany 和 @ManyToManys
- Qt - WPS文本编辑器(WPS字体格式)
- 二叉树的遍历及解题思路
- 什么软件能打开prt文件_PRT文件扩展名 - 什么是.prt以及如何打开? - ReviverSoft...
- 选择文库系统的时候需要重点注意和对比哪些东西?
- Android App常规测试内容
- 消息称诺基亚正在开发两款MeeGo新机
热门文章
- android解析json异常处理,Android的JSON异常而解析
- 童趣诗 ——《所见》、《宿新市徐公店》、《小小的船》教学设计
- PCL学习笔记(二):PCL官方教程学习
- java汉字转拼音(全拼、简拼)
- 如何用3D技术“复现”遗址?
- 解决 为什么会出现 “Safari浏览器打不开该网页,因为地址无效“ 的提示
- 玩转json——json-->txt
- 如何使用Createjs来编写HTML5游戏(三)使用EaselJS中的制作Sprite类制作
- 支持Jolla,支持Linux,支持开放,支持互联,Jolla屌丝逆袭
- 软件测试修炼之道之——重现问题