基于Qt框架的天气预报应，可查询各地多日天气；增加了简易音乐播放器模块.zip

# :white_check_mark:基于Qt框架的天气预报应用开发 **---->>:heavy_check_mark:添加简易音乐播放器模块**:wave: ------- :+1::point_up_2::star: ## :green_book:1.项目简介 :sunflower:WeatherForecast-MusicPlayer是基于Qt开发，并且未使用除了 C++标准库 和 Qt 之外的第三方库，保证了库的可移植性以及库的纯粹性。 :airplane:通过调⽤IP地址归属地查询API获取当前位置城市，调⽤和⻛天⽓城市搜索API获取该城市的ID,根据ID调⽤和⻛实时天⽓API获取该城市天⽓,使⽤QMap容器存储多⽇天⽓数据。程序中可搜索城市名或者点击定位按钮查询城市近期天⽓,项⽬中使⽤了json数据解析技术,通过定时器获取当前时间。 :musical_note: 音乐模块中通过QHash数据结构存储音乐列表。实现播放暂停、上下曲切换、音量控制、进度条控制、添加音乐、存储音乐列表和通过子线程Thread实时更新当前音乐播放进度的时间显示。 **用到的Qt库有**： - core - gui - network - svg - multimedia :grinning:理论上可以部署到任何Qt支持的平台上。:ear_of_rice: \``` 🕙 分享是一种美德，如果帮到你了，还请右上随手点个 🌟 Star，谢谢:wink: \``` #### IP地址归属地数据查询API http://whois.pconline.com.cn/ipJson.jsp?ip #### 和风天气城市搜索API https://geoapi.qweather.com/v2/city/lookup?location=beij&key=YOUR_KEY #### 和风天气实时天气API https://devapi.qweather.com/v7/weather/now?location=101010100&key=YOUR_KEY **和风天气每日天气API** 3日：https://devapi.qweather.com/v7/weather/3d?location=101010100&key=YOUR_KEY 7日：https://devapi.qweather.com/v7/weather/7d?location=101010100&key=YOUR_KEY ## :shamrock:2.项目演示 ### :beginner:2.1启动界面 启动程序即刷新、当天气数据获取成功时关闭 <img src="assets/move3.gif" width="320px" height="200"> ### :tulip: 2.2今日天气界面 启动时通过ip获取当前城市查询天气 添加了查询、定位按钮、点击跳转网页、温馨提示、天气图标svg格式 <img src="assets/weather1.gif" width="420px"> ### :evergreen_tree:2.3多日天气界面 展示重庆天气 <img src="assets/%E9%87%8D%E5%BA%86.gif" width="420px"> ### :musical_note:2.4简易音乐播放器 1. 在无添加时随意点击不会出现程序崩溃 2. 可添加\*.mp3、\*.wav 、\*.wma三种音频格式 > 有能力的可以继续修改添加QVideoWidget模块播放视频 3. 进度条时间显示的计算我将其放在子线程中实现 <img src="assets/musicPlayer.gif" width="420px"> ## :books:3.文件夹介绍 1. Music：可播放\*.mp3 \*.wav 和\*.wma三种格式的音乐 2. MyWeather：项目代码 ​①Image：资源文件 ​②Icons：天气图标，根据和风天气API调用返回json数据中图标代码来调用 3. Output：可执行程序.exe文件，程序已经打包好，可直接下载安装使用 4. weatherAPP_Release：通过工具windeployqt MyWeather.exe生成的可运行程序 --- # :bookmark_tabs:开发流程文档 需求：编写一款桌面端天气预报应用和音乐播放器。 > 开发环境： > > 平台：QT 5.14.2 > > 构建套件：Desktop_Qt_5_14_2_MinGW_32_bit > > 系统：Windows10，理论上可以部署到任何Qt支持的平台上。 > > 推荐使用Linux系统或者Unix系统 目录结构： <img src="assets/image-20230912164915001.png" width="180px" height="310px"> > 学习参考过程中应对照工程文件来进行 开发过程 ## :house_with_garden:1.界面设计 <img src="assets/image-20230912163000971.png" width="500px"><img src="assets/image-20230912163021551.png" width="500px"><img src="assets/image-20230912163038987.png" width="500px"> ### 1.1 设计样式 :fallen_leaf:添加了一些动画效果和透明效果、让界面感觉更"高大尚":joy: ```c++ this->setWindowTitle("xtc天气"); this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowSystemMenuHint | Qt::WindowMinimizeButtonHint); //窗口为无边框，同时保留系统菜单和最小化按钮 ui->lineEditCityName->setStyleSheet("QLineEdit{background-color: rgba(255,255,225,0.3);border:none;color:#FFFAF0; border-radius:16px;padding:4px 4px}"); //lineEdit圆角样式 ui->pushButtonQuery->setStyleSheet("QPushButton::hover{font:24px;}" "QPushButton{background:transparent;color:#FFFAF0}"); ui->pushButtonLocation->setStyleSheet("QPushButton::hover{font:19px;}" "QPushButton{background:rgba(255,255,225,0.2);color:#FFFAF0;border-radius:16px;padding:5px 5px}"); ui->btnPause->setIcon(QIcon(":/Image/pause.png")); ui->btnAddMusic->setStyleSheet("QPushButton::hover{font:19px;}" "QPushButton{background:rgba(255,255,225,0.2);color:#FFDEAD;border-radius:16px;padding:5px 5px}"); ui->tabWidget->setCurrentWidget(ui->tab); ui->tabWidget->setTabText(0, "今日天气"); ui->tabWidget->setTabIcon(0, QIcon(":/Image/logo.ico")); ui->tabWidget->setTabText(1, "未来天气"); ui->tabWidget->setTabIcon(1, QIcon(":/Image/weather.png")); ui->tabWidget->setTabText(2, "音乐播放"); ui->tabWidget->setTabIcon(2, QIcon(":/Image/musicicon.png")); ui->tabWidget->setStyleSheet("QTabWidget:pane {border-top:0px solid #e8f3f9;background:rgba(255,255,255,0.2); border-radius:16px;padding:4px 4px}" "QTabBar::tab {background:#2F4F4F;color:#FFA500;font:19px;font-weight:bold;}"); ui->pushButtonMini->setIcon(QIcon(":/Image/Min.png")); //最小化按钮 ui->pushButtonMini->setStyleSheet("QPushButton{border:none;color:rgb(122, 197, 205);}" "QPushButton:hover{background-color: #1E90FF;border:none;color:rgb(255, 255, 255);}"); ui->pushButtonDestroy->setIcon(QIcon(":/Image/Close.png")); //关闭按钮 ui->pushButtonDestroy->setStyleSheet("QPushButton{border:none;color:rgb(122, 197, 205);}" "QPushButton:hover{background-color: #FF0000;border:none;color:rgb(255, 255, 255);}"); ui->tableWidget->setColumnWidth(0, 160); //添加7列 ui->tableWidget->setColumnWidth(1, 120); ui->tableWidget->setColumnWidth(2, 160); ui->tableWidget->setColumnWidth(3, 180); ui->tableWidget->setColumnWidth(4, 180); ui->tableWidget->setColumnWidth(5, 160); ui->tableWidget->setColumnWidth(6, 100); ui->tableWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff); //水平滚动策略 关闭 ui->tableWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOn);//垂直滚动策略 ui->tableWidget->setShowGrid(false); //无格子线 //tableWidget表头样式 ui->tableWidget->horizontalHeader()->setStyleSheet("QHeaderView::section{background:transparent;}"); ui->tableWidget->verticalHeader()->setVisible(false); //隐藏列表头 // ui->tableWidget->horizontalHeader()->setVisible(false); //隐藏行表头 ui->tableWidget->verticalHeader()->setDefaultSectionSize(75); //设置行高 （除表头外） setDefaultSectionSize设置默认分段大小 ui->tableWidget->horizontalHeader()->setFixedHeight(90); //表头行高 ui->vSliderVolume->setVisible(false); ui->lwMusicList->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);//关闭水平滚动条 movieToLoad(); //加载gif ``` ```c++ /** * @brief WeatherWidget::movieToLoad * 显示一些gif动画效果 */ void WeatherWidget::movieToLoad() { movie = new QMovie(":/Image/movie.gif"); //设置GIF格式背景图 movie->setScaledSize(QSize(1200, 750)); //设置GIF动画的尺寸与QLabel的尺寸相同 ui->label_background->setMovie(movie); movie->start(); ui->label_cover->raise();// 将 label 显示在最上面 启动图 movie2 = new QMovie(":/Image/move3.gif"); movie2->setScaledSize(QSize(1200, 750)); // 设置GIF动画的尺寸与QLabel的尺寸相同 ui->label_cover->setMovie(movie2); movie2->start(); movie3 = new QMovie(":/Image/haimianbaby.gif"); //界面美化用 movie3->setSca