---

一．前言

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

二．介绍&效果展示

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

界面一

界面一比较简单，整体为左右结构，主要由两个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.动画效果

当鼠标移动到背景的方块块上时，切换块块的颜色，并且展示“嘟嘟”的背景音。

三．心得体会

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

四．总结

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

五．下载地址

打包方式：Nuitka
文件：压缩包多文件
文件的顺序可能是乱的，具体看链接的文件名

1. demo01
2. demo02
3. demo03
4. demo04
5. demo05
6. demo06
7. demo07
   感谢大家支持啊！