Qt天气预报系统
1、界面布局第一部分
1.1改变窗口背景色
先给窗口换个背景色，把鼠标放到界面上，单击鼠标右键，选择 改变样式表 |
点击添加颜色旁边的黑色倒三角，然后选择background-color改变背景色，也可以直接输入下面代码改变 |
background-color: rgb(0, 143, 214);
这个背景色是蓝色的，自己喜欢什么颜色添加什么颜色
添加完后点击OK
1.2添加第一部分
选择左边工具栏里的的Widget ，找不到也可以直接搜索 |
把它拖到界面里面，改名为widget01，作为第一部分 |
再分别把Line Edit，Line Edit，Label拖入widget01 |
右键Line Edit选择改变样式表，把背景色改为白色 |
把Label改为当前日期，再点击添加颜色，选择color，改变字体颜色 |
选择widget01，鼠标右键选择布局，接着选择水平布局 |
在日期前面加个弹簧 |
选择Line Edit，右键选择改变样式表，添加下面这些代码 |
QLineEdit {
color: rgb(12, 12, 12);
border: 2px solid gray;
border-radius: 5px;
padding: 0 8px;
background: white;
selection-background-color: darkgray;
}
下面是上面代码的解释：
| color: rgb(12, 12, 12); 设置文本颜色为非常深的灰色（几乎黑色）。 border: 2px solid gray; 设置边框为2像素宽的实线，颜色为灰色。 border-radius: 5px; 设置边框圆角半径为5像素，使边框的角落变得圆滑。 padding: 0 8px; 设置内边距，即内容与边框之间的空间，左右各8像素，上下为0像素。 background: white; 设置背景颜色为白色。 selection-background-color: darkgray; 设置选中文本的背景颜色为深灰色 |
选择Line Edit，把它宽度调为150 |
选择pushButtont，把里面的字删掉，改变它的宽度和高度 |
右键资源文件文件夹，选择添加现有文件...，把搜索按钮照片添加进去 |
回到UI界面，点击pushButton，找到icon，点击右边黑色倒三角，选择资源文件，添加搜索按钮照片 |
点击Label，找到font，把字体大小改为13 |
1.3修改控件名称
鼠标左键双击控件名字，修改名字，方便后面的编程 |
第一部分完成！
有疑问可以留言或者私信，有错误欢迎指正
标签：背景色,12,界面,Qt,color,选择,添加,background,天气预报 From： https://blog.csdn.net/qq_62435866/article/details/144768494