QT-day3

1、思维导图

2、升级优化自己应用程序的登录界面。

要求: 1. qss实现

  1. 需要有图层的叠加 (QFrame)

  2. 设置纯净窗口后,有关闭等窗口功能。

  3. 如果账号密码正确,则实现登录界面关闭,另一个应用界面显示。

    qss代码:

cpp 复制代码
*{	
	background-color: rgb(255, 255, 255);
}

QFrame#background{	
	border-image: url(:/pictrue/black-and-white-puppy-dog-animal-pet-mammal-87457-pxhere.com.jpg);
	border-radius:30px;
}

#frame{
	background-color: rgba(182, 182, 182, 88);
	border-radius:30px;
}

#frame2{
	background-color: rgba(95, 95, 95, 128);
	border-radius:30px;
}

QLineEdit{
	background:transparent;
	border:none;
	border-bottom:1px solid rgba(255, 255, 255, 128);
	font: 12pt "等线";
	color:rgba(255, 255, 255, 128);
}

QPushButton#Login{
	
	font: 14pt "等线";
	color:rgba(255, 255, 255, 128);	
	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
	border-radius:5px;
}

QPushButton#Login:hover{  /*鼠标移动*/
	
	font: 14pt "等线";
	color:rgba(255, 255, 255, 128);	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 200), stop:1 rgba(255, 255, 255, 255));
	border-radius:5px;
}

QPushButton#Login:pressed{  /*鼠标按下*/
	
	font: 14pt "等线";
	color:rgba(255, 255, 255, 128);	
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(0, 0, 0, 255), stop:1 rgba(255, 255, 255, 255));
	border-radius:5px;
	padding-top:5px;
	padding-left:5px;
}

#quit{
	background:transparent;
	/*background-color: rgba(182, 182, 182, 88);*/
	font: 20pt "等线";
	color:rgba(255, 255, 255, 128);	
}

#QQ{
	border-image: url(:/pictrue/QQ-square-fill.png);
	background:transparent;
	font: 20pt "等线";
	color:rgba(255, 255, 255, 128);	
}

#WX{
	border-image: url(:/pictrue/110-wechat2.png);
	background:transparent;
	font: 20pt "等线";
	color:rgba(255, 255, 255, 128);	
}

#WB{
	border-image: url(:/pictrue/weibo-square-fill.png);
	background:transparent;
	font: 20pt "等线";
	color:rgba(255, 255, 255, 128);	
}

QLabel#label{
	background:transparent;
	font: 14pt "等线";
	color:rgba(255, 255, 255, 128);	
}
相关推荐
anqi2717 分钟前
如何在 IntelliJ IDEA 中编写 Speak 程序
java·大数据·开发语言·spark·intellij-idea
XuX0321 分钟前
MATLAB小试牛刀系列(1)
开发语言·matlab
Suckerbin31 分钟前
第十四章-PHP与HTTP协议
开发语言·http·php
Best_Liu~37 分钟前
TransactionTemplate 与@Transactional 注解的使用
java·开发语言·spring boot·后端
谈不譚网安42 分钟前
初识Python
开发语言·python
慕雪华年1 小时前
【Python】使用uv管理python虚拟环境
开发语言·python·ai·uv·mcp
狗蛋儿l1 小时前
qt 3d航迹图
开发语言·qt·3d
学习机器不会机器学习2 小时前
深入浅出JavaScript常见设计模式:从原理到实战(2)
开发语言·javascript·设计模式
努力努力再努力wz2 小时前
【Linux实践系列】:进程间通信:万字详解命名管道实现通信
android·linux·运维·服务器·c++·c
阿方.9182 小时前
C语言----操作符详解(万字详解)
c语言·开发语言