当前位置: 首页 > news >正文

基于Qt的登陆界面设计

目标

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

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

代码

// 设置窗口大小为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的内容自动缩放以适应图片大小

实现效果

知识点思维导图

http://www.lryc.cn/news/506224.html

相关文章:

  • HarmonyOS 输入框组件:TextInput 和 TextArea 深度解析
  • 【Golang】 Go 语言中的 Struct、JSON 和 Map 互转:详细指南
  • Azure Function流式返回
  • 智能座舱进阶-应用框架层-Jetpack主要组件
  • GitLab分支管理策略和最佳实践
  • 【Unity】【VR开发】实现VR屏幕共享应用的几个重要插件和参考资料分享
  • 数据结构---------二叉树前序遍历中序遍历后序遍历
  • 浏览器引入elasticsearch-head插件
  • 【ELK】Filebeat采集Docker容器日志
  • 异步线程池与CountDownLatch
  • 在图像上显示掩码、框和点的通用函数
  • 基于Matlab的变压器仿真模型建模方法(11):三相三绕组换流变压器的建模仿真
  • 代码随想录算法训练营day46|动态规划part12
  • 【C语言】头文件
  • 蓝桥杯——竞赛省赛国赛题分享
  • 企业内训|阅读行业产品运营实战训练营-某运营商数字娱乐公司
  • 低空无人机产教融合技术详解
  • springboot中Controller内文件上传到本地以及阿里云
  • Chrome 132 版本开发者工具(DevTools)更新内容
  • 使用Python从阿里云物联网平台获取STM32温度数据
  • Spring Boot 声明式事务
  • websocket 局域网 webrtc 一对一 多对多 视频通话 的示例
  • uniapp-微信小程序调用摄像头
  • 鸿蒙学习笔记:用户登录界面
  • 无人机航测系统技术特点!
  • 《算法ZUC》题目
  • 配置flutter 解决andriod studio报错 no device selected
  • docker搭建Redis集群及哨兵(windows10环境,OSS Cluster)
  • 信息化基础知识——数字政府(山东省大数据职称考试)
  • 信息安全实训室网络攻防靶场实战核心平台解决方案