码迷,mamicode.com
首页 > 移动开发 > 详细

一个天气App案例(一)

时间:2015-05-09 13:37:19      阅读:281      评论:0      收藏:0      [点我收藏+]

标签:

原文:raywenderlich ios-7-best-practices-part-1

翻译:http://www.cocoachina.com/industry/20140224/7868.html


在这个两部分的系列教程中,您将探索如何使用以下工具和技术来创建自己的App

1.Cocoapods

2.Manual layout in code(纯代码布局)

3.ReactiveCocoa

4.OpenWeatherMap


开始

打开Xcode新建Single View Application,将项目命名为SimpleWeather。下一步将要集成第三方工具,首先关闭Xcode,确保不会影响下一步。

 

1.Cocoapods

你将要下载Cocoapods的代码,在Xcode项目中添加文件来使用,并配置项目需要的设置。

2.Mantle

Mantle由于Github团队开发,目的是去除Objective-CJSON数据转为NSObject子类的所有样板代码。Mantle也能做数据转换,通过一种神奇的方式把JSON原始数据(strings, ints, floats)转换为复杂数据,比如NSDate、NSURL甚至是自定义类。

3.LBBlurredImage

LBBlurredImage是一个继承自UIImageView,轻而易举使图像模糊的项目。你将仅仅用一行代码来创建一个神奇的模糊效果。

4.TSMessages

TSMessages是另一个非常简单的库,用来显示浮层警告和通知。当出现错误信息而不直接影响用户的时候,最好使用浮层来代替模态窗口(例如UIAlertView),这样你将尽可能减少对用户的影响。在网络失去连接或API错误的时候,你将看到类似这样的一个浮层:

技术分享

5.ReactiveCocoa

ReactiveCocoa也是来自于GitHub团队。ReactiveCocoaObjective-C带来了函数编程,类似与.NET的Reactive Extensions。你将在第二部分花费大部分时间去实现ReactiveCocoa


设置你的Cocoapods

先要确保你已经安装了Cocoapods。为此,打开命令行程序,并输入:

which pod

你将会看到类似这样的输出:

/usr/bin/pod

这决定于你如何管理Ruby gems,例如你使用rbenvRVM,路径可能有所不同。如果命令行简单的返回提示,或显示pod not found,表示Cocoapods未安装在你的机器上。可以查看Cocoapods教程作为安装说明。这也是一个很好的资源,如果你想更多得了解Cocoapods的话。

 

设置你的podfile

podfile用来告诉Cocoapods哪些开源项目需要导入。

要创建你的第一个Cocoapod,首先在命令行中用cd命令导航到你的XCode项目所在的文件夹,在命令行中输入vim podfile启动编辑器,输入i进入编辑模式并输入:

source ‘https://github.com/CocoaPods/Specs.git‘
platform :ios, ‘8.1’
target ‘SimpleWeather‘ do
pod ‘Mantle‘ 
pod ‘LBBlurredImage‘
pod ‘TSMessages‘
pod ‘ReactiveCocoa‘
end

esc退出编辑模式,并输入:wq退出编辑器。podfile文件做了两件事情:

1.告诉Cocoapods你的目标平台与版本,这里的你目标是iOS 8.1

2.列给Cocoapods一个项目所有需要引入和安装的三方库清单。


在命令行中输入pod install进行安装。

这可能需要花一到两分钟的时间去安装各种包。你的命令行应该输出如下所示:


技术分享


 若你之前安装过Cocoapods的话,这里安装报错的话,可以看看http://blog.cocoapods.org/Repairing-Our-Broken-Specs-Repository/ 修复问题 

Xcode打开SimpleWeather.xcworkspace。看看你的项目设置,现在有一个Pods项目在你的项目工作区,以及在Pods文件夹放着每一个你引入的库,如下所示:

技术分享

确保你已经选择SimpleWeather项目,如图所示: Select SimpleWeather Project,构建并运行App,以确保一切工作正常:

技术分享

待续...

一个天气App案例(一)

标签:

原文地址:http://my.oschina.net/iNiL0119/blog/412551

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!