在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:SimplicityWeather开源软件地址:https://gitee.com/xiaweizi/SimplicityWeather开源软件介绍:简悦天气简约不简单,丰富不复杂 一款简约风格的 flutter 天气项目,提供实时、多日、24 小时、台风路径以及生活指数等服务,支持定位、删除、搜索,语音播报等操作。 作为 flutter 实战项目,包含状态管理、网络请求、数据缓存、自定义 view、自定义动画,三方统计,事件管理等技术点,实用且丰富。 如果图片看不到,请前往 『Flutter』一款风格简约功能丰富的天气 体验点击下载链接下载 或者直接扫描二维码抢先体验 功能介绍目前已支持的功能如下
接下来多图警告 一键换天天气背景效果分为三层:
目前支持多达 12 种不同的天气类型,其中包括:晴、多云、阴天、小中大雨、小中大雪、雾、霾、浮尘,为了更好,在关于页面有上角添加切换天气类型的入口,实时查看不同气象下不同的背景效果。下面用一种 GIF 图展示效果,鉴于 GIF 本身的局限,可能会模糊低帧,请下载 apk 自行体验。 技术介绍虽然这个项目简单,但是涵盖的 flutter 技术点却不少,可以满足日常开发小项目的需求。 其实从入门 flutter 到完成这个项目,也只是花了两个周末,加上平时下班的时间,代码写的略微有点仓促,很多可以封装,和一些绘制的逻辑还有很大的优化空间,后面抽时间进行优化一波。 大致整理一下其技术点:
这里特地把自自定义 View &动画拉出来说说,从项目可以看到很多的图表,包括空气质量&湿度比例圆弧图,日出日落弧线图,以及24小时&多日折线图。其实绘制原理跟 Android 的绘制很像,包括接口的设计也异曲同工。同样有 canvas 画布和 paint 画笔,这样写起来就方便很多。 有了 Android 绘制基础,写起来就非常快了,这几个图加在一起一共不到一天的时间就可以完成。无非是先装载好数据,根据获取到的数据进行绘制。后面有时间会单独介绍一下这这块的绘制逻辑。 三方库依赖Fluter 为什么目前这么火热,以及开发的效率如此之高,除了因为 Google 这个大佬作为靠山,更多的还是活跃的开源社区,pub.dev 上提供了很多稳定而又多样的插件,省去不必要的开发时间,根据自己的实际情况进行选择,结合 Mac 上 Alfred 工具,搜索起来得心应手。 同样,简悦天气项目中也引用不少依赖插件,特此进行说明和感谢。
总结对 Flutter 两周的学习和开发下来后的感受,代码写起来是真快,在 Android 如果想实现,点击按钮并更新 TextView 的逻辑,首先创建 xml 布局,其次 java 代码中初始化 View 并给 button 添加点击事件,然后,还需要有单独的变量保存状态的更新,最后在变量发生变化时更新 TextView 的值。 而 Flutter 的核心就是 widget,很多功能都封装在 widget 中,在 Flutter 中如果想实现该功能,只需创建两个 widget,在相应 click 事件时只需关系变量值改变,调用 setState,后续的 View 更新可以完全不用管,有点类似 Android 的 databinding。 不过,由于全部都是 widget,你会发现如果把所有页面写在一个文件,那么嵌套的画面绝对会让你崩溃。这就需要,对功能进行拆解,尽量做到逻辑最小化,代码阅读性和维护性也会很高。还有就是插件,虽然社区的插件已经相当丰富,但还是有些需求没有找到合适的插件,这就需要广大开发者,积极燃烧开源热血,为社区贡献自己的成果。 总的来说,开发效率上确实提高不少,因为入坑时间短,原理和性能上没有细致研究,所以可能导致看法有点片面,不过后面会努力补上知识点。 感谢天气数据来源于 彩云科技 定位功能来自 高德地图
统计来自 友盟统计 天气 icon 来自 阿里icon ChangeLog2.6.0
2.5.0
2.3.0
2.2.0
2.1.0
2.0.0
1.7.0
1.6.0
|
请发表评论