ios 高效的写好一个UI界面（一）

471 查看

最近呢项目任务不是很紧张，打算呢写一下东西来充实一下自己,所以打算找一些APP来仿写它们的界面，或者根据它们的产品自己来写一些自己想实现的界面，为了能更好的学习与进步，希望有心看到这篇文章的读者，如果有更好的思路或实现方法的能提出来，这样大家可以一同进步与提高，架构呢主要还是MVC，后期会慢慢的像MVVM + RAC来迁移。
这次模仿的是百度传课主要有以下打算
1.实现一个首页
2.写一个语音识别的界面，基于讯飞（http://www.xfyun.cn/?ch=bdtg）
3.根据时间来写一个详情界面

这篇文章实现的首页如下

效果图

首先拿到一个UI界面呢我们不应该闷头去写他，我们首先得看它包含几个部分，怎么实现比较容易，多用模型的思想，降低代码的耦合，让代码的可扩展性提高，在写的过程中注意代码的质量，能一句解决的代码绝不写两句代码，对自己严格要求的过程中自己会慢慢提高。
拿到这个界面看到有三种形式的内容，头部一个轮播图，中间一个滚动图，下部一个很普通的cell
我首先想到了两种思路：

思路一
将上面的两种形式当成tableView的header来实现，本文就是如此实现
思路二
将上面两种形式直接当做tableView的cell,给tableView的数据源中添加模型，在其代理方法中实现取数据的时候判断是哪一种模型显示那种cell。

以上两种思路都能实现，个人感觉实现复杂度相当，可扩扩展性好，如果有更好实现思路的伙伴可以提出您宝贵的意见。

实现过程如下
1.看到轮播图，很高兴，因为上一篇文章中我已经封装过一个轮播图，直接拿过来用即可。
2.下面滚动更简单，可以用ScrollView上添加ImageView或者直接使用collectionView
3.非常常见的cell,利用xib来做，传模型，重写setter方法。
分清楚以上步骤以后接下来我们该实现了，我们需要一个网络下载工具类，基于AFNetworking,为了更显符合实际项目，我们稍微封装一下,基于block回传，当然大型的项目为了耦合性低也可以使用代理的方法

#import

@interface HTTPToolRequest : NSObject

+ (void)GETURLString:(NSString *)urlString parameters:(NSDictionary *)paramaters progressBlock:(void(^)(NSProgress * downloadProgress))downloadProgressBlock sucessBlock:(void(^)(id responseObject))sucessBlock failureBlock:(void(^)(NSString *error))failureBlock;

+ (void)GETURLString:(NSString *)urlString parameters:(NSDictionary *)paramaters sucessBlock:(void(^)(id responseObject))sucessBlock failureBlock:(void(^)(NSString *error))failureBlock;

@end

#import "HTTPToolRequest.h"

#define TIMEOUTInterval 10

@implementation HTTPToolRequest

+ (AFHTTPSessionManager *)generalManager

{

AFHTTPSessionManager *manager = [AFHTTPSessionManager manager];

manager.requestSerializer.timeoutInterval = TIMEOUTInterval;

//header设置

//通用设置根据具体接口的要求，MD5加密什么的

/**

[manager.requestSerializer setValue:@"" forHTTPHeaderField:@""];

/** 设置接收数据的类型*/

manager.responseSerializer.acceptableContentTypes = [NSSet setWithObjects:@"text/plain",@"text/html",@"application/json", nil];

return manager;

}

{

AFHTTPSessionManager *manager = [self generalManager];

[manager GET:urlString parameters:paramaters progress:^(NSProgress * _Nonnull downloadProgress){

downloadProgressBlock(downloadProgress);

} success:^(NSURLSessionDataTask * _Nonnull task, id _Nullable responseObject) {

sucessBlock(responseObject);

} failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {

NSString *errorStr = [error.userInfo objectForKey:@"NSLocalizedDescription"];

failureBlock(errorStr);

}];

}

+ class="crayon-sy">;

}

+ دMVC，后期会慢慢的像MVVM + RAC来迁移。
这次模仿的是百度传课主要有以下打算
1.实现一个首页
2.写一个语音识别的界面，基于讯飞（http://www.xfyun.cn/?ch=bdtg）
3.根据时间来写一个详情界面