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

2024-06-15 16:20

本文主要是介绍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

这篇关于Qt项目天气预报(1) - ui界面搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1063958

相关文章

精选20个好玩又实用的的Python实战项目(有图文代码)

《精选20个好玩又实用的的Python实战项目(有图文代码)》文章介绍了20个实用Python项目,涵盖游戏开发、工具应用、图像处理、机器学习等,使用Tkinter、PIL、OpenCV、Kivy等库... 目录① 猜字游戏② 闹钟③ 骰子模拟器④ 二维码⑤ 语言检测⑥ 加密和解密⑦ URL缩短⑧ 音乐播放

Springboot项目启动失败提示找不到dao类的解决

《Springboot项目启动失败提示找不到dao类的解决》SpringBoot启动失败,因ProductServiceImpl未正确注入ProductDao,原因:Dao未注册为Bean,解决:在启... 目录错误描述原因解决方法总结***************************APPLICA编

Python极速搭建局域网文件共享服务器完整指南

《Python极速搭建局域网文件共享服务器完整指南》在办公室或家庭局域网中快速共享文件时,许多人会选择第三方工具或云存储服务,但这些方案往往存在隐私泄露风险或需要复杂配置,下面我们就来看看如何使用Py... 目录一、android基础版:HTTP文件共享的魔法命令1. 一行代码启动HTTP服务器2. 关键参

在IntelliJ IDEA中高效运行与调试Spring Boot项目的实战步骤

《在IntelliJIDEA中高效运行与调试SpringBoot项目的实战步骤》本章详解SpringBoot项目导入IntelliJIDEA的流程,教授运行与调试技巧,包括断点设置与变量查看,奠定... 目录引言:为良驹配上好鞍一、为何选择IntelliJ IDEA?二、实战:导入并运行你的第一个项目步骤1

WinForm跨线程访问UI及UI卡死的解决方案

《WinForm跨线程访问UI及UI卡死的解决方案》在WinForm开发过程中,跨线程访问UI控件和界面卡死是常见的技术难题,由于Windows窗体应用程序的UI控件默认只能在主线程(UI线程)上操作... 目录前言正文案例1:直接线程操作(无UI访问)案例2:BeginInvoke访问UI(错误用法)案例

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.

Qt使用QSqlDatabase连接MySQL实现增删改查功能

《Qt使用QSqlDatabase连接MySQL实现增删改查功能》这篇文章主要为大家详细介绍了Qt如何使用QSqlDatabase连接MySQL实现增删改查功能,文中的示例代码讲解详细,感兴趣的小伙伴... 目录一、创建数据表二、连接mysql数据库三、封装成一个完整的轻量级 ORM 风格类3.1 表结构

Qt QCustomPlot库简介(最新推荐)

《QtQCustomPlot库简介(最新推荐)》QCustomPlot是一款基于Qt的高性能C++绘图库,专为二维数据可视化设计,它具有轻量级、实时处理百万级数据和多图层支持等特点,适用于科学计算、... 目录核心特性概览核心组件解析1.绘图核心 (QCustomPlot类)2.数据容器 (QCPDataC

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次,点赞13次,收藏8次。本文详细介绍了Java分层架构中的几个关键包:DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1

如何在Spring Boot项目中集成MQTT协议

《如何在SpringBoot项目中集成MQTT协议》本文介绍在SpringBoot中集成MQTT的步骤,包括安装Broker、添加EclipsePaho依赖、配置连接参数、实现消息发布订阅、测试接口... 目录1. 准备工作2. 引入依赖3. 配置MQTT连接4. 创建MQTT配置类5. 实现消息发布与订阅