QT6登录界面

源自：【精选】使用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：

最后完成：

首发，感谢浏览，鶸学习中，不足望指出！