QT入门（三）—— 第一个简单的界面

UI控件

右边是整个ui界面中的所有控件，等级代表着所属关系，一个对象下面还有一些小的控件。

修改属性

选中一个控件之后，在右下角的属性栏去修改

添加resource文件夹

右键总文件夹——addnew

名称随便取，点击完成之后就会出现一个resource的文件夹

点击添加后面的小三角——添加前缀，然后再点小三角——添加文件，选择存放资源图片的文件夹

存放资源图片的文件夹，必须放在工程中，即点击添加文件之后，自动弹出来的那个对话框的路径

如果后续要添加资源图片，先将图片放在那个文件夹里，然后再右键——add new，在那个文件夹中选择新添加的图片

添加图片

在gui界面中，选中label，右键——改变样式表，添加资源旁边的小三角，选择不同模式插入图片，
如果想在放大窗口的时候背景图片也放大，那么就在样式表中这么写
改变样式表和stylesheet相同。

QMainWindow{
border-image：。。。。
}

单行输入框

圆角设置

在改变样式表中输入border-radius：Apx A的大小小于等于高度的一半，如果等于的话，那么就是一个圆形的。

针对label中放的图片，只能对border-image使用border-radius：Apx

花式按钮

样式表如下

QPushButton


{
	background-color: qlineargradient(spread:pad, x1:0.0696517, y1:0.085, x2:1, y2:1, stop:0 rgba(216, 17, 80, 255), stop:1 rgba(255, 255, 255, 255));
    border-radius:20px;
}


QPushButton:hover
{
 border:2px solid red;
	background-color: qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:1, stop:0 rgba(235, 56, 83, 255), stop:1 rgba(255, 255, 255, 255));
}


QPushButton:pressed
{
background-color: qlineargradient(spread:pad, x1:0.363483, y1:0.364, x2:1, y2:1, stop:0 rgba(172, 0, 25, 255), stop:1 rgba(255, 255, 255, 255));
 border:2px solid red;
    padding-left:3px;
    padding-top:3px;
}

效果如图

悬停hover变色，按下pressed之后也会变色

布局

合理放置，使用弹簧，在运行时，里面的小空间以及留白处会随着窗口放大而成比例放大，
一个最简单的布局