本帖最后由 jnhoodlum 于 2013-12-28 22:20 编辑 本文参与趣米杯征文活动,如需转载请注明出处和作者
上次写过一篇有道云笔记的教程,不过教程只涉及到UI
的设计,逻辑实现一点木有,很多小伙伴看完以后都大呼不过瘾。为了满足大家的这个要求,我这次就来写个既有UI
设计,也有逻辑实现的app
教程--码农天气。
这次的码农天气其实是模仿的彩虹天气,部分UI
和布局文件是直接反解的的彩虹天气的,所以希望大家只是把这个教程当做一个学习的工具,切勿用于商业用途!
我花了这一周晚上休息的时间做了这个app
,由于前期的交互分析和代码设计做的都不充分,布局文件和代码的到后来写的就有点乱了,不过我会在教程里把这些设计的不好的地方给大家指出来的,正好大家可以再自己动手改改这个代码。
下面我先贴出来几张图,来看看我做的码农天气和彩虹天气的对比吧:
桌面widget
,上面的是彩虹天气的,下面的是码农天气的:
彩虹首页:
码农首页:
彩虹趋势:
码农趋势:
彩虹指数:
码农指数:
彩虹左侧边栏:
码农左侧边栏:
彩虹城市选择:
码农城市选择:
目前还剩2个小功能没有实现:PM2.5和城市的删除,连续敲了一周的代码了,这两天打算歇歇,等我最后一讲的时候再把这些代码加上吧,这个教程的源码我也会在最后一讲公布。
这一讲先给大家推荐一个小工具吧:
Dorado Dorado.rar (372.13 KB, 下载次数: 59)
这是
一款
很简单但是非常实用的小工具,具体怎么使用大家google一下就知道了,下面是我用Dorado标注的一张图:
看到我标注的这张图,彩虹天气的首页的布局文件大家就没问题了吧!
这张图是我为了给大家示范
Dorado是怎么使用的而特意标注出来的,我在app里面没有用到这里面的数据,因为我是直接反解的彩虹天气的layout文件
不过大家要是有兴趣,完全可以使用这张标注出来的图,可出一个一模一样的布局文件出来的。
这一讲就到这,下一讲我们会详细讲解一下彩虹天气的天气数据都是怎么取到的。
|