iOS仿照Yahoo天气：油条天气-CSDN博客

Where?

Why do this?

距离毕业也有三、四个月的时间了，除了工作上的内容，改一改旧的Bug，做一做新的内容，还一直想着要做一个自己独立完成的应用。做即时通讯吧没有服务器，做音乐播放器吧没有数据库，所以就从最简单的只需要一个接口就能搞定的天气应用开始喽。这不，一款乱七八糟、随心所欲的Weather Application就出来了。感谢小伙伴Chaylau的协作完成。

What's this？

“油条天气”是一款基于iOS平台的天气应用。YT能够做到显示基本的天气信息，包括城市、当前时间、实时天气情况、七天天气预报、当天24小时天气预报，也能够自由添加国内城市，只需要输入城市名即可。

What're the features?

油条天气涵盖了城市信息、当前时间、七天天气预报、一天内24小时天气预报、广告位、当前详细天气信息、降水量信息、太阳和风速信息等基础天气咨询。还具有自定义添加国内城市、多城市切换的功能。一些界面截图如下：

What're the techniques?

接口

获取数据的接口选取的是和风天气，针对普通开发者可以免费获取7天/24小时的天气预报，每天能够连接接口大约15000次。

只需要登录和风天气官网注册成为开发者并稍作认证，即可获得Key在应用内使用，在官网控制台内还能查看每日接口被获取的详细数量。

当然，免费的接口只能获取一部分天气信息，并且只能支持国内的城市。想要体验更多的天气信息，则必须购买相应功能的接口。

UI设计

程序员的工作是安安心心的写代码，总不能指望我们Sketch、Axure、PhotoShop样样精通吧......但是一款好看的App又很依赖于UI设计，所以我们偷懒将 Yahoo天气进行了解包，调取了他们的UI切图啥了的，界面设计也仿照了 Yahoo天气。所以UI方面的工作就比较轻松，直接拖入Assets包里就行。(不作商业用途，此处如被认定有侵权，将会立刻删除。)

解包操作：下载PP助手（之前可以直接在iTunes中下载ipa包的，但是苹果关闭了这项功能，所以用PP助手），在PP助手上将Yahoo天气的ipa包下载到mac中，再用 Github：Cartool 进行获取Assets操作，具体操作可参考提取assets.car中的图片 .car文件的解压。

框架搭建

开始动手码代码之前当然是对程序的框架进行搭建，参考公司其他项目的结构，选用了传统的MVC框架，思维导图如下：

APP复杂度并不高，也不依赖于NavigationController和TabBarController，所以一个主控制器负责所有界面的展示、子控制器的跳转。将视图的展示集合到MainView里，MainController只负责逻辑部分，减轻M-V-C中C的负担。

MainView从底往上依次是：LeftSlideView-MaskView-ScrollView-TableView-CustomNavigationBar。在处理ScrollView时花了不少功夫，既要保证当前城市所在View的滑动，还要保证其他View跟随滑动，在切换或搜索城市过后还要添加相应的索引。

项目中遇到的其他问题

Q：Cell如何实现悬浮效果？
A：将Cell背景设为透明色，在每个Cell的上先加入一层BackgroudView，到左右两边同时设置约束，加圆角，改变BackgroundView的颜色和透明度，实现悬浮效果。

Q：WeatherCode和CityCode都是以.txt形式给出，如何转为.plist？ A：在网上看了许多博客和教程，最后决定用笨办法转换，由于不同txt中内容格式不固定，所以手动粘贴了txt文件中的项。今后准备将转换方法实现自动化，自动去判别txt中的内容，并根据内容完成转换，以下是转换方法的代码。

- (void)txtConvertToPlist
{
    // 将txt文件添加进项目文件中
    // 获取txt文件的路径
    NSString *plistPath = [[NSBundle mainBundle] pathForResource:@"condition-code" ofType:@"txt"];
    // 将txt文件转换为String类型
    NSString *pathString = [[NSString alloc] initWithContentsOfFile:plistPath encoding:NSUTF8StringEncoding error:nil];

    // 将每行拆分，存入数组
    NSArray *bigArray = [pathString componentsSeparatedByString:@"\n"];

    NSMutableArray *resultArray = [NSMutableArray array];
    for (int i=1; i<ary.count-1; i++) {
        // 根据空格拆分每列，存入字典
        NSArray *smallAry = [bigArray[i] componentsSeparatedByString:@"    "];
        NSMutableDictionary *dic = [NSMutableDictionary dictionary];
        [dic setObject:smallAry[0] forKey:@"cityCode"];
        [dic setObject:smallAry[1] forKey:@"cityEnglishName"];
        [dic setObject:smallAry[2] forKey:@"cityChineseName"];
        [resultArray addObject:dic];
    }
    
    // 存入.plist
    NSString *plistPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask,YES) objectAtIndex:0];
    NSString *fileName = [plistPath stringByAppendingPathComponent:@"cityCode.plist"];
    NSFileManager *fm = [NSFileManager defaultManager];
    if ([fm createFileAtPath:fileName contents:nil attributes:nil] ==YES) {
        [resultAry writeToFile:fileName atomically:YES];
        NSLog(@"文件写入完成");
    }
}
复制代码

Q：Cell如何实现悬浮效果？
A：一个Controller中置入多个页面的时候，必定要考虑清楚其之间的层级关系。LeftSlideView在最底层，能够让用户在点击菜单栏按钮时将ScrollView整体右移；MaskView是为了处理交互，在菜单栏未弹出时透明度为1，看上去ScrollView就像是最底层了，菜单栏弹出时，将透明度慢慢更改为0，使LeftSlideView浮现出来；ScrollView上的每个View表现形式都相同（今后会考虑View的复用问题），下图为层级关系示意图。