没有合适的资源？快使用搜索试试~ 我知道了~

文库首页后端C++C++结合Qt开发天气预报项目-教程

C++结合Qt开发天气预报项目-教程

课程资源

需积分: 5 2 下载量 89 浏览量 2023-09-09 16:49:11 上传评论 1 收藏 12.51MB DOCX 举报

温馨提示

试读

62页

C++结合Qt开发天气预报项目-教程

资源推荐

资源详情

资源评论

Weather 天气预报项目设计课程

第一课：weather 项目设计

天气预报是我们经常使用的一个工具，一般我们在手机上、电脑上，都有独立的应用，来给

提供我查询天气预报，那么我们能不能用我们曾经学过的 Qt 来自己开发一款天气预报的应

用呢，答案肯定是可以的，一起来看看一个应用的效果图。

默认显示的呢是长沙的天气预报。我们还可以测试试着，去看下其他城市的天气预报，在搜

索款里，可以搜索城市。

整体，我们这款软件的设计还是很美观的吧，那么，我们一起来看看这款天气预报，有哪些

界面组成。包含了哪些组件。

1、有城市的天气预报，有背景图、控件半透明化。

2、显示日期，城市名称，当天的天气预报

3、当天天气预报的详细数据

4、该天的一些生活指数：如感冒指数、每日寄语

5、当天的日出日落时间，及扇形时间占比

6、该城市，前一后四天的天气预报，含有日期，星期，天气，高低温

7、最近一周的温湿度曲线

8、搜索框、刷新按钮。

9、窗口大小固定，无最大、最小化、关闭按钮。鼠标拖动窗口移动，右键退出。

10、自定义按钮图标

实现思路：

• 绘制基本界面，设计界面网状表格

• 添加控件、添加资源图片

网络

• 请求数据

• 解析数据

• 根据数据更新控件上的数据和资源图标

• 根据数据绘制图案

第二课：创建项目

1、打开 QtCreate，新建项目>选择 QtApplication>Qt Widgets Application。

2、输入项目名称 Weather，选择自己合适的路径。

3、基类我们这里选择是 Qwidget，类名：Weather。编译器，选择 msvc2017 32bit，最后

完成项目创建。

4、添加资源文件：将我们整个项目所需要用到的一些图片资源文件添加到项目中，方便我

们之后使用。

1、将 icons，image，weatherIcons 文件夹，feng.ico，citycode-2019-08-23.json 文件，

复制到项目目录下，之后都会使用得到。

2、添加资源文件，按图，依次将对应文件夹的资源文件创建到自己的目录下面，并添

加相应的前缀名，最后将该目录下的所有的图片都添加到资源文件。

3、添加好后，需要 build 一次，编译一次，系统才能识别的到。

4、到这里所有的资源文件就都已经添加好了。

5、打开 ui 文件：双击打开，

进入到 ui 设计界面。

我们将窗口拖到到合适大小。也可以在右下角的属性窗口中手动填写窗口的大小。我们这里

长款选择 800*450。

6、我们在系统创建的窗口里添加一个全满的widget，直接从工具栏中拖到窗口里就可以了。

然后将他铺满，也可以在属性里设置坐标 0，0，大小 800，450。

接下来我们所有的添加的控件，都是添加到这个 widget 上的。

7、在 widget 的属性栏里，我们找到

点到他，然后点右边的

会弹出一个样式表的窗口

在弹出的窗口中添加代码

QWidget#widget{

border-image: url(:/weaUI/weaUI.png);

color:rgb(255, 255, 255);

}

QLabel{

font: 25 10pt "Microsoft YaHei";

border-radius: 4px;

background-color: argb(60, 60, 60, 130);

color: rgb(255, 255, 255);

}

Line{

background-color: rgb(0, 85, 0);

}

这里的意思是将 widget 的 border-image（背景图片）设置成 weaUI.png，字体颜色设置：

255, 255, 255（白色）。

QLabel 该控件设置字体。border-radius（圆角边半径）4 个像素。background-color（背景

颜色）：argb(60, 60, 60, 130);前面三个 60 是颜色的 rgb 值，最有一个 130，是透明度。Line

剩余61页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

yy_xzz

粉丝: 1449
资源: 16

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

C++结合Qt开发天气预报项目-教程

Qt实现天气预报项目（资源文件）

Qt 5.9 C++开发指南-Qt核心特点源码

C++文件操作-图书馆管理系统：UML课程作业，采用Qt开发.zip

使用C++结合QT调用bartender打印条码的教程

C++-GUI-Programming-with-Qt-4-1st-ed.pdf

《Hands-On GUI Programming with C++ and Qt5》---Author: Lee Zhi Eng .epub格式+code

C++ QT5教程 开发大全和教程 完整

C++ Qt进阶之复杂控件自定义 --源代码

《C++ GUI Qt 4 编程（第二版）》《C++ GUI programming with Qt4》高清-中文版-扫描版-PDF-part3

C++ - Qt - opencv - 图像分割 - 种子提取 - 特征提取

qt-creator-windows-opensource-2.8.0

《C++ GUI Qt 4 编程（第二版）》《C++ GUI programming with Qt4》高清-中文版-扫描版-PDF-part2

qt-vs-addin-1.2.4-opensource

C++设计模式--基于Qt4开源跨平台开发框架

qt-opensource-linux-x64-5.12.12.run

期末大作业课程设计基于C++的Qt框架开发的翻金币小游戏源码.zip

《C++ GUI Qt 4 编程（第二版）》《C++ GUI programming with Qt4》高清-中文版-扫描版-PDF--part1

QT学习教程PDF（《Qt Creator快速入门》；C++ GUI Qt4 编程（第二版） ；Qt及Qt+Quick开发实战精解）

QT CREATORqt-opensource-linux-x64-5.7.1.run

win10环境下vscode运行opencv(C++)(解压即用)-1号包

c++入门，核心，提高讲义笔记

仿照Visionmaster，用C++、Qt编写的视觉软件（注意：是发布版，非源码）

C++STL库常用库函数总结

c++小游戏 c++小游戏

mingw-w64-install.exe

C/C++中文帮助文档

我的世界简易版（C++编写，源代码+程序）

cmu 15445 2023spring project0

QT中利用TCP协议实现了一个多线程的文件互传系统

最新资源

C++ QT5教程开发大全和教程完整

QT学习教程PDF（《Qt Creator快速入门》；C++ GUI Qt4 编程（第二版）；Qt及Qt+Quick开发实战精解）