python3GUI--几种不同样式的登录注册界面By_PyQt5(附下载地址)

23 阅读4分钟

下载地址

打包方式:Nuitka 文件:压缩包多文件

  1. demo01
  2. demo02
  3. demo03
  4. demo04
  5. demo05
  6. demo06
  7. demo07

感谢大家支持啊!

一.前言

本次使用PyQt5制作了几款登录注册界面,撰写本篇博客来和大家分享一下我的成果。本篇只有UI。所有软件都打包好放在了文末,大家可自行下载体验~

二.介绍&效果展示

下面我会通过贴图的方式分别展示不同的界面效果。

界面一

界面一比较简单,整体为左右结构,主要由两个frame组成,frame使用了圆角处理。

1.注册

在这里插入图片描述

2.登录

在这里插入图片描述

3.切换效果

点击按钮后,交换两个frame的位置

在这里插入图片描述

界面二

界面二也是由两个frame组成,只不过两个frame互相垂直,主窗口实现了无边框、背景透明的效果,无边框窗口可自由移动。按下ESC或者上方frame中的按钮关闭窗口。

1.注册

在这里插入图片描述

2.登录

在这里插入图片描述

3.切换效果

点击下方frame按钮后,上方窗口会移动到对应位置,移动期间展示属性动画。动画很丝滑,有木有~请添加图片描述

界面三

界面三只有一个窗口,所有操作都是在窗口内部进行的,

1.注册

在这里插入图片描述

3.登录

当切换到登陆页面时,背景图、左侧图片会改变,界面展示对应功能。 在这里插入图片描述

3.切换效果

通过点击右上角超链接按钮,实现界面切换。(动图被压缩了,建议下载exe自行体验) 请添加图片描述

界面四

界面四也只有一个窗口,所有操作都是在窗口内部进行的,背景使用了渐变色,中间frame增加了黑色阴影。

1.注册

在这里插入图片描述

2.登录

在这里插入图片描述

3.切换效果

通过点击内部tab按钮,切换页面。(动图被压缩了,建议下载exe自行体验) 请添加图片描述

界面五

界面五是我个人比较喜欢的一款,因为实现了透明窗口+下雪效果,喜欢喜欢~

1.注册

在这里插入图片描述

2.登录

在这里插入图片描述

3.切换效果

背景使用了三种样式的雪花制作下雪效果,通过点击内部按钮实现界面的切换。(动图被压缩了,建议下载exe自行体验) 请添加图片描述

界面六

界面六属于教育类的注册登录页面吧,窗口固定了高度和最小宽度。登录窗口包含三个子页面,边框采用了发散的黑色阴影效果。

1.注册

注册是通过手机注册实现的。 在这里插入图片描述

2.普通登录

普通登录就是账号密码或第三方登录。 在这里插入图片描述

3.快捷登录

快捷登录包含WX和QQ登录。 在这里插入图片描述

4.切换效果

通过点击内部按钮实现界面的切换,值得一提的是中间图片会上下摆动,虽然摆动幅度不大,但是期间是有动画效果的,所以看着比较流畅。(动图被压缩了,建议下载exe自行体验)

请添加图片描述

界面七

界面六是本次制作界面里个人认为最炫酷的,选择黑色和特别绿色制作背景,前景为一个设置了透明度的frame。

1.登录

登录界面确实平平无奇。 在这里插入图片描述

2.注册

在这里插入图片描述

3.动画效果

当鼠标移动到背景的方块块上时,切换块块的颜色,并且展示“嘟嘟”的背景音。 在这里插入图片描述

三.心得体会

本次开发的界面有简单有困难,其中最耗时的是下雪的那个界面和最后绿色块块那个界面,下雪那个界面难点在于如何制作不同大小的雪球以及让其自然落下,绿色块块那个界面主要难点是如何绘制背景以及内部frame随着主窗口缩放自动居中。这里多说一句,粉色垂直界面也花了我好多时间思考如何让两个窗口垂直,这里说下我的思路:主界面分为三个窗口,分别是背景frame前景frame以及主窗口,两个frame都是以主窗口最为背景的,背景frame在主窗口的布局里,前景frame通过move的方式,放到指定位置即可,主窗口通过self.setAttribute(Qt.WA_TranslucentBackground)设置背景透明即可,我把这句话去掉可以看到下图: 在这里插入图片描述

四.总结

本次和大家分享了7款本人制作的注册登录页面,详细展示了每个界面的效果,但是博客不代表软件,还是建议大家下载亲自体验一下,欢迎大家私信和我交流,觉得还行,能留下个赞么? 在这里插入图片描述

请添加图片描述