基于Qt的登陆界面设计

目标

自由发挥登录界面的应用场景,实现一个登录窗口的界面。

要求:每行代码都要有注释

代码

cpp 复制代码
// 设置窗口大小为600x400像素
this->resize(600,400);
// 设置窗口标题为"TheWitcher 巫师3:狂猎"
this->setWindowTitle("TheWitcher 巫师3:狂猎");
// 设置窗口图标为指定路径的图片
this->setWindowIcon(QIcon("D:/lenovo 浏览器/巫师3标.png"));
// 设置窗口为固定大小,不允许用户改变窗口尺寸
this->setFixedSize(600,400);
// 设置窗口背景颜色为黑色
this->setStyleSheet("background-color:black");
 
// 创建一个QLabel对象,用于显示图片或动画
QLabel *lab = new QLabel(this);
lab->resize(600,250); // 设置QLabel的大小
// 创建一个QMovie对象,用于播放GIF动画
QMovie *mv =new QMovie("D:/lenovo 浏览器/巫师3动图.gif");
// 设置QLabel的内容自动缩放以适应动画大小
lab->setScaledContents(1);
// 将动画设置到QLabel上
lab->setMovie(mv);
// 开始播放动画
mv->start();
 
// 创建一个QLineEdit对象,用于输入账号/邮箱
QLineEdit *line1 = new QLineEdit(this);
line1->resize(160,20); // 设置QLineEdit的大小
line1->move(220,290); // 设置QLineEdit的位置
line1->setPlaceholderText("账号/邮箱"); // 设置占位符文本
line1->setStyleSheet("background-color:white"); // 设置背景颜色为白色
 
// 创建另一个QLineEdit对象,用于输入密码
QLineEdit *line2 = new QLineEdit(this);
line2->resize(160,20); // 设置QLineEdit的大小
line2->move(220,320); // 设置QLineEdit的位置
line2->setPlaceholderText("密码"); // 设置占位符文本
line2->setStyleSheet("background-color:white"); // 设置背景颜色为白色
line2->setEchoMode(QLineEdit::Password); // 设置密码模式,输入的字符会被圆点替代
 
// 创建一个QPushButton对象,用于登录按钮
QPushButton *butt =new QPushButton("登录",this);
butt->resize(80,30); // 设置QPushButton的大小
butt->move(260,350); // 设置QPushButton的位置
// 设置QPushButton的样式,包括背景颜色、文字颜色、边框圆角
butt->setStyleSheet("background-color:rgb(195, 186, 175);color:black;border-radius:5px");
 
// 创建第一个QLabel对象,用于显示静态图片
QLabel *lab2 = new QLabel(this);
lab2->resize(80,150); // 设置QLabel的大小
lab2->setPixmap(QPixmap("D:/lenovo 浏览器/IMG_20241219_202007.png")); // 设置QLabel显示的图片
lab2->move(520,250); // 设置QLabel的位置
lab2->setScaledContents(1); // 设置QLabel的内容自动缩放以适应图片大小
 
// 创建第二个QLabel对象,用于显示另一张静态图片
QLabel *lab3 = new QLabel(this);
lab3->resize(80,150); // 设置QLabel的大小
lab3->setPixmap(QPixmap("D:/lenovo 浏览器/IMG_20241219_202037.png")); // 设置QLabel显示的图片
lab3->move(0,250); // 设置QLabel的位置
lab3->setScaledContents(1); // 设置QLabel的内容自动缩放以适应图片大小

实现效果

知识点思维导图

相关推荐
开发者小天几秒前
React中的受控组件示例
前端·javascript·react.js
奋斗吧程序媛1 分钟前
request请求相关
前端·javascript·vue.js
缺点内向1 分钟前
如何在C#中添加Excel文档属性?
开发语言·数据库·c#·.net·excel
dragoooon342 分钟前
[Linux网络基础——Lesson9.「TCP 全连接队列与 tcpdump 抓包」]
前端·git·github
光影少年8 分钟前
用vite还是webpack多,vite为什么快
前端·webpack·node.js
waeng_luo8 分钟前
[鸿蒙2025领航者闯关] 鸿蒙应用中如何管理组件状态?
前端·harmonyos·鸿蒙·鸿蒙2025领航者闯关·鸿蒙6实战·开发者年度总结
克喵的水银蛇9 分钟前
Flutter 通用列表项封装实战:适配多场景的 ListItemWidget
前端·javascript·flutter
Howie Zphile10 分钟前
做移动端的 Next.js 项目,可以选哪些 UI?
开发语言·javascript·ui
WX-bisheyuange12 分钟前
基于Spring Boot的宠物商城网站设计与实现
前端·javascript·vue.js·毕业设计
9号达人12 分钟前
大家天天说的'银弹'到底是个啥?看完这篇你就明白了
前端·后端·程序员