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

相关推荐
好学且牛逼的马11 小时前
golang 10指针
开发语言·c++·golang
Pafey14 小时前
【Deepseek】Windows MFC/Win32 常用核心 API 汇总
c++·windows·mfc
侯杰14 小时前
C++ 线程安全初始化机制详解与实践
c++
每天敲200行代码15 小时前
QT 概述(背景介绍、搭建开发环境、Qt Creator、程序、项目文件解析、编程注意事项)
c++·qt
离越词16 小时前
C++day1作业
数据结构·c++·算法
Mercury_Lc20 小时前
【贪心 或 DFS - 面试题】小于n最大数
数据结构·c++·算法
凤年徐20 小时前
【数据结构】LeetCode160.相交链表 138.随即链表复制 牛客——链表回文问题
c语言·数据结构·c++·算法·leetcode·链表
羑悻的小杀马特21 小时前
【C++高并发内存池篇】ThreadCache 极速引擎:C++ 高并发内存池的纳秒级无锁革命!
开发语言·c++·多线程·高性能内存池
共享ui设计和前端开发21 小时前
从UI设计到数字孪生实战部署:构建智慧教育的虚拟实验室系统
ui
界面开发小八哥21 小时前
界面控件Telerik UI for Blazor 2025 Q2新版亮点 - AI集成全面增强
人工智能·ui·blazor·用户界面·telerik