Qt项目天气预报(1) - ui界面搭建

ui中部

效果演示

ui效果

显示效果

控件列表

配合右图查看

居中对齐-label

设置label居中对齐(别傻傻的空格对齐了)

间距配置

widget03

外围的widget对象:

包含label 和 widget0301,如下图

widget0301

内围的widget对象,如下图

样式表

widget03

设置widget03的样式表,设置颜色为浅白色(230,230,230)

让widget03里面的字体能显示出来(背景黑色,字体颜色默认黑色,我们需要设置为对比明显的白色)

widget0301

stylesheet界面美化

background-color: rgb(239, 121, 24); //设置背景颜色

border-radius: 20px; //边缘圆脚化

ui上部

效果演示

ui效果

显示效果

控件列表

widget01

对应ui控件组如下

wigget02

对应的ui控件组如下

样式表

widget对象还像上面一样设置为浅白色 --> 让我们能看到白色的文本内容

设置lineEdit白色文本框显示

间距配置

ui下部

效果演示

ui效果

显示效果

控件列表

添加控件组如下

整体

widget0401

widget0402

widget0403

widget0404 widget0405 未添加控件

widget0406

样式表

widget0401的浅绿色label控件

由上下两个控件组成,如下图

(添加了底下左右边缘特殊化处理 --> 为了与下面label切合)

(添加了上方左右边缘特殊化处理 --> 为了与下面label切合)

widget0402替换背景色为灰色

然后Pixmap插入一张图片而已

widget0403

上色+边缘圆润化处理+字体颜色浅白

绿色

橙色

widget0406

同widget0402,只是没有插入图片

// 间距使用的是默认配置

间距配置

像0401,0402,0406 这样两个控件组合的,我们格栅布局后会有空隙,不贴和

我们可以把垂直间距设置为0,实现贴合效果,水平间距统一设置为8达到对齐效果

ui整体整合

比例配成1,2,4,8

相关推荐
做人不要太理性24 分钟前
【C++】深入哈希表核心:从改造到封装,解锁 unordered_set 与 unordered_map 的终极奥义!
c++·哈希算法·散列表·unordered_map·unordered_set
程序员-King.32 分钟前
2、桥接模式
c++·桥接模式
chnming198736 分钟前
STL关联式容器之map
开发语言·c++
程序伍六七1 小时前
day16
开发语言·c++
小陈phd1 小时前
Vscode LinuxC++环境配置
linux·c++·vscode
火山口车神丶1 小时前
某车企ASW面试笔试题
c++·matlab
是阿建吖!2 小时前
【优选算法】二分查找
c++·算法
syj_1113 小时前
初识ArkUI
ui·arkts·arkui
Ajiang28247353044 小时前
对于C++中stack和queue的认识以及priority_queue的模拟实现
开发语言·c++
‘’林花谢了春红‘’8 小时前
C++ list (链表)容器
c++·链表·list