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

相关推荐
三小尛2 分钟前
C++友元
开发语言·c++·算法
小指纹14 分钟前
河南萌新联赛2025第(三)场:河南理工大学【补题】
数据结构·c++·算法·macos·ios·objective-c·cocoa
懷淰メ1 小时前
日常--详细介绍qt Designer常用快捷键(详细图文)
开发语言·qt·pyqt·快捷键·qtdesigner·ui设计·qt设计师
啊森要自信1 小时前
【QT】Qt 信号与槽的使用详解&&连接方式&&Lambda表达式定义槽函数
android·开发语言·c++·qt·qt5
人邮异步社区1 小时前
先学Python还是c++?
开发语言·c++·python
yuyanjingtao1 小时前
CCF-GESP 等级考试 2025年6月认证C++一级真题解析
c++·青少年编程·gesp·csp-j/s·编程等级考试
程序员老舅6 小时前
C++音视频开发:基础面试题
c++·ffmpeg·音视频·视频编码·h264·音视频编解码·视频解码
lifallen9 小时前
深入解析RocksDB的MVCC和LSM Tree level
大数据·数据结构·数据库·c++·lsm-tree·lsm tree
君鼎9 小时前
Effective C++ 条款18:让接口容易被正确使用,不易被误用
c++
whxnchy9 小时前
C++刷题 - 7.27
开发语言·c++