文章目录
- 一.前言
- 二.展示
- 1.首页-白色
- 1.首页-白色2
- 2.首页-黑色
- 3.天气预报视频
- 4.天气资讯-白色
- 5.天气资讯-黑色
- 6.收藏夹-白色
- 7.收藏夹-黑色
- 8.搜索
- 9.mini-白色
- 10.mini-黑色
- 11.光遇天气
- 三.心得
- 四.总结
- 五.参考
一.前言
天气软件之前做过两款,分别是使用Tk和PyQt5制作的,不幸的是之前的接口都失效了。博主初学QFluentWidgets制作了一款仿win风格的天气小工具,仿照win11系统上自带软件“天气”,支持两种颜色风格切换,交互和功能也类似。
二.展示
1.首页-白色
软件启动后进入首页,程序自动定位当前所在城市,首页加载历史收藏的城市天气,本次基本所有功能都集中到首页中,功能比较聚合,很多功能是通过卡片的形式展示的。
1.首页-白色2
2.首页-黑色
通过点击上方按钮切换到黑色皮肤,黑色皮肤相对白色更好看一些,通过点击按钮切换最下方卡片,切换到天气资讯以及光遇天气。
3.天气预报视频
通过点击首页天气预报播放按钮切换到天气播放页面,软件内置播放器,天气预报视频即时播放。
4.天气资讯-白色
点击首页天气资讯卡片到资讯二级页,天气资讯二级页下方推荐一些最新的天气资讯。
5.天气资讯-黑色
6.收藏夹-白色
收藏夹存储一些收藏的地理位置天气,可以鸟瞰所有收藏的城市天气,收藏方式是点击首页上方“星星”按钮
7.收藏夹-黑色
点击城市卡片跳转到首页查看所选天气,亦可点击+号添加一个城市。
8.搜索
在首页右上角输入城市名称,软件自动展示搜索关联词,点击搜索关联词或者右侧放大镜按钮即可添加所选城市到首页,查看城市天气。
9.mini-白色
通过点击右下角按钮,切换到mini模式,mini窗口自动贴合置顶到屏幕右上角
10.mini-黑色
双击mini或点击下方“查看完整预报”回到主界面
11.光遇天气
点击下方卡片到光遇天气预报页面
三.心得
本篇是笔者自学QFluentWidgets时的一款demo,旨在于探索QFluentWidgets其中奥秘。在学习过程中遇到一些问题都通过官方文档和作者demo解决了,这套组件库给我的感觉就是:我基本不需要去化很多心思去设计样式,样式本身就很好看,自带的主题和系统色和windows风格完美契合。在软件开发过程中我只需要关心我的界面如何设计,如何将引擎处理好的数据展示到UI界面上。
四.总结
本次使用QFluentWidgets制作了一款仿win天气软件,支持国内精确到市的天气,首次启动支持定位当前所在城市天气,多个城市选择。觉得本篇还不错的,能留个赞么?谢谢~
在此致敬QFluentWidgets的开发者们!
五.参考
1.QFluentWidgets - 基于 PyQt/PySide 的 Fluent Design 风格组件库
2.PyQt-Fluent-Widgets