京东万象--全国天气软件实现

简介: 京东万象--全国天气软件实现

使用京东万象接口,实现中国天气app。

先上截图:

网络异常,图片无法展示
|

软件主要实现当日天气查询,天气地区查询,未来天气查询:

软件架构,使用databinding+livedata+rxjava+mvp实现。

难点:

关于接口请求,那就没啥好说的了。

(1)天气动画的绘制

(2)天气折线图自定义view绘制

啥也不说,上图,下图为各种天气动画的情况(动画效果是为了演示效果手动调整代码,请忽略信息不对的问题):


网络异常,图片无法展示
|

天气的不同动画

对于天气,目前有以下几种情况:晴天,雪,大雾,大风,多云,下雨

动画实现,surfaceview实现,surfaceview可以在子thread里面进行绘制,对于动画,建议使用该view实现。

(1)晴天:

原理:三个正方形加一个圆形,正方形按照角度旋转,可以绘制出上图中的效果。代码片段如下,主要注意旋转角度即可。

网络异常,图片无法展示
|

太阳动画

(2)多云:

原理,使用五个圆形,加上画布剪裁,即可实现。核心代码如下,注意剪裁的范围即可。

网络异常,图片无法展示
|

多云动画

(3)下雨:

雨滴,可以看做是多个高度不断变动的小矩形,即可。是不是很简单,核心代码如下:

网络异常,图片无法展示
|

下雨动画

(4)下雪,大风,大雾

这里直接采用drawbitmap方法进行绘制。核心代码如下。


网络异常,图片无法展示
|

绘制bitmap动画

简单明了,废话不多说。以上就是动画的绘制逻辑。

注意,如果使用了surfaceview不断绘制动画,在activity进行跳转的时候,记得把动画暂停,不然会导致卡顿现象的发生。暂停动画方法千百种,这里就不做过多描述。


对于天气折线图,实现也不难,主要绘制原理:

绘制温度的点,再通过点与点之间的位置进行连线,即可实现。

记得:

先有点,再有线。

先有点,再有线。

先有点,再有线。

效果如下:


网络异常,图片无法展示
|

其他,就没什么难点了。至此,全部实现完毕。

that's all--------------------------------------------------------------------------------------------------------------------------

目录
相关文章
|
5月前
|
数据安全/隐私保护 SEO
蚂蚁分类信息系统二开仿么么街货源客模板微商货源网源码(带手机版)
网站采用蚂蚁分类信息系统二次开发,模板仿么么街货源客模板,微商货源网定制版。 模板设计风格简洁,分类信息采用列表形式发布,这种设计方式非常符合度娘 SEO 规则。收录效果是杠杠的。 这个网站风格目前是用来做货源推广使用的,但不仅限于货源网站。后台无加密,分类目录随意修改。 无论你是想做地方分类信息,二手市场,或者垂直行业信息分类平台都是不错的选择。
41 2
蚂蚁分类信息系统二开仿么么街货源客模板微商货源网源码(带手机版)
|
6月前
30页报告下载|月客流2.8亿的中国购物中心,为何成为户外营销的新机会?
30页报告下载|月客流2.8亿的中国购物中心,为何成为户外营销的新机会?
|
机器学习/深度学习 人工智能 算法
华为首个智能无人店武汉开业,大块头机械臂24小时卖手机
整体来看,华为智能无人售货店通过与第三方机器人公司库柏特合作,充分利用了工业机器人技术,实现了从仓储——展示——销售——盘点——库存反馈——SKU 优化等整个链条的智能化与无人化管理。 这是无人零售中对人——货——场关系的进一步重构。
377 0
华为首个智能无人店武汉开业,大块头机械臂24小时卖手机
|
安全 小程序 物联网
助力防疫 阿里云在全国多家医院部署智能体温贴
阿里云推出的针对体温检测的硬件产品-智能体温贴目前已在全国多个地区的近十余家医院投入使用
1474 0
助力防疫 阿里云在全国多家医院部署智能体温贴
11月13日科技联播:支付宝上线首张电子离婚证;网易云音乐敲定新一轮融资
继电子结婚证后,支付宝再上线电子离婚证;网易云音乐新一轮融资敲定,超6亿美元继续加码音乐市场;亚马逊50亿美元新总部尘埃落定,将分设两地;锤子身陷资金链再被曝裁员,罗永浩回应将起诉不实报导,一起来看今天的科技快讯!
1266 0