自带天气APP太臃肿？手写一个换掉它（2）

宠老婆的程序员

已于 2024-04-26 08:23:08 修改

阅读量708

点赞数 16

文章标签： harmonyos

于 2024-04-26 08:08:29 首次发布

本文链接：https://blog.csdn.net/u012972427/article/details/138204418

版权

作者分享了如何改造一个轻量的天气应用程序，添加实时天气背景颜色，根据天气变化切换，以及使用HarmonyOSAPI进行状态栏和导航栏颜色同步。还介绍了颜色配置功能和动画设计，以及后续的bug修复和性能优化计划。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在《自带天气APP太臃肿？手写一个换掉它》中，打造了一个基本可以用的天气APP，实现了实时位置天气查询，搜索添加指定区域等功能。当然也实现了亮色和暗色两种主题，可以根据手机的主题自动切换（这里被获取darkMode坑的不行，不能在每个页面都获取，只有一个页面的回调函数被调用，最终只能塞全局变量里面了），但是我对这个颜色其实是不太满意的。虽然本意是想打造一个轻量，简约的天气APP，但是现在的感觉太单调了，尤其是实时天气那里。于是我想着给这个实时天气加个背景颜色，一种天气对应一种颜色，让这个天气APP更好看一些。

经过一番思考后，我决定开始动手修改。

首先，我想一进来看到的就是实时天气，不想看到下面的那些24小时天气，7日天气什么的，第一眼印象就是要简单，简约，如果有需要看下面那些信息，就往上滑动就行了，这个实现起来比较简单，将实时天气的高度设置成100%就行了。

嗯，看着简单了许多。接下来就是设置背景色了，背景需要根据不同天气显示不同颜色，我加了一个枚举类，里面设置了大致的几种天气场景和颜色，只要在查询天气的时候根据天气情况去找到对应的场景枚举返回给页面显示就行了，还有把状态栏和导航栏的颜色换掉，和背景色一致，让整体更加沉浸，查阅资料，harmonyos提供了这样的API可以直接用，不过状态栏和导航栏的前景色API6就不能设置了，得API8才行，状态栏和导航栏的前景色就先放着。