源自:【精选】使用Qt6的样式表创建登陆界面_飞驰的蜗牛牛的博客-CSDN博客
新建一个Widget项目(带ui)
一.准备资源文件
准备好所需的图片(放在一个文件夹中此处文件夹为image)
在项目中右击任意一个头文件,选择在explore中显示
将准备好的image文件夹拷贝到项目文件夹中
右击你的项目文件,点击添加新文件
选择Qt Resource File,点击选择
输入文件名(此处为res)点击下一步,点击完成
点击添加前缀,在prefix处输入/,点击添加文件
选择预先准备好的文件,选择你需要的图片,点击打开
此时界面出现图片信息,点击左下角的锤子
到此资源文件准备完成
二.ui 背景设置以及控件设置
1.设置Widget的minimumsize 宽度700,高度500
2.背景设置
在左侧的display widget中选择Label,改变Label对象名为label_background,右击Label,选择改变样式表,下拉添加资源,选择background-image,找到你的背景图,点击确定
调整label_background,使其覆盖整个窗口,右击label_background置于底层。
3.设置pushbutton
说明:根据自己喜好调整
点击ui,选择两个pushbutton,一个Widget,将pushbutton拖入到Widget中并让其水平布局,整体放置在总窗口的右上方,右击pushbutton选择改变样式表,输入下列代码,点击应用看样式是否更改,最后点击确定
QPushButton#pushButton{
background:transparent;
border-radius:14px/10px;
border:1px solid rgb(0,20,255);
color:yellow;
}
#pushButton:pressed{
background-color:rgb(255, 200, 255);
}
4.登录框
拖入一个label,一个line Eidt,一个widget,将label和ine Edit拖入widget,水平布局
重复一次上述操作
拖入一个widget,将上面两组widget放入,垂直布局
密码的lineEidt echoMode设为Password
对登录框进行样式修改
Username:
Password:
拖入一个pushbutton,命名Sign in
Sign in:
最后完成:
首发,感谢浏览,鶸学习中,不足望指出!