iOS-->下载图片解析JSON数据实例

xcode.png

请求数据，设置到tableView上的实例

本次小Demo的完成的主要操作是：根据URL向服务器请求数据，解析服务器返回的JSON数据，并将这些数据封装成模型设置到tableView上面。具体代码如下：

#import "ViewController.h"
#import "MJExtension.h"
#import "UIImageView+WebCache.h"
#import "WJCellItem.h"
#import 
#import "WJTableViewCell.h"
@interface ViewController ()
@property (strong,nonatomic)NSArray *dataArr;
@end

@implementation ViewController
-(NSArray *)dataArr{
    if (_dataArr==nil) {
        _dataArr=[NSArray array];
    }
    return _dataArr;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    //获取请求路径
    NSURL *url=[NSURL URLWithString:@"http://120.25.226.186:32812/video?type=JSON"];
    //创建请求对象
    NSURLRequest *request=[NSURLRequest requestWithURL:url];
    //创建会话对象
    NSURLSession *session=[NSURLSession sharedSession];
    //根据会话对象创建请求任务
    NSURLSessionDataTask *dataTask=[session dataTaskWithRequest:request completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {
        //解析从服务器返回的JSON数据
       NSDictionary *dict =[NSJSONSerialization JSONObjectWithData:data options:kNilOptions error:nil];
        //拿到videos对应的数组，里面装着多个字典，要想到把这个字典数组转换成模型数组
        NSArray *array=dict[@"videos"];
        //改变模型属性的属性值
      [WJCellItem mj_setupReplacedKeyFromPropertyName:^NSDictionary *{
            return @{@"ID":@"id"};
        }];
        //将数组中的字典数据都转换成模型
        self.dataArr=[WJCellItem mj_objectArrayWithKeyValuesArray:array];
        //由于NSURLSession处理任务的操作默认都是在子线程中进行的，而像刷新数据设置图片这种操作必须在主线程中进行，因此必须进行线程间的通信，转到主队列，执行UI操作
        [[NSOperationQueue mainQueue]addOperationWithBlock:^{
            [self.tableView reloadData];
        }];

    }];
    //发送请求
    [dataTask resume];

    }
//一共有多少行
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.dataArr.count;
}
//每一个cell的内容
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
   static NSString *ID=@"cell";
    //cell的重用机制
    WJTableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:ID];
    if (cell==nil) {
        cell=[[WJTableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    //根据行号来提取模型，并设置数据
    WJCellItem *item=self.dataArr[indexPath.row];
    cell.textLabel.text=item.name;
    cell.detailTextLabel.text=[NSString stringWithFormat:@"播放数量为:%@",item.length];
    //拼接路径
    NSString *path=[@"http://120.25.226.186:32812/"stringByAppendingString:item.image];
    //利用框架来下载并设置图片
    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:path] placeholderImage:[UIImage imageNamed:@"xcode"]];
    return cell;
}
//当点击cell时回来到这个方法
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    //拿到模型
    WJCellItem *item=self.dataArr[indexPath.row];
    //拼接路径
    NSString *path=[@"http://120.25.226.186:32812/"stringByAppendingString:item.url];
    NSURL *url=[NSURL URLWithString:path];
    //创建一个能播放视频的控制器实例
    MPMoviePlayerViewController *vc=[[MPMoviePlayerViewController alloc]initWithContentURL:url];
    [self presentViewController:vc animated:YES completion:nil];
}

@end

模型类：

#import 

@interface WJCellItem : NSObject
@property (nonatomic, strong) NSString *name;
@property (nonatomic, strong) NSString *length;
@property (nonatomic, strong) NSString *image;
@property (nonatomic, strong) NSString *url;
@property (nonatomic, strong) NSString *ID;
@end

由于占位图片与下载的图片的真实尺寸存在差别，当这种差别比较大的时候我们就需要自定义cell来固定个字控件的大小:

#import "WJTableViewCell.h"
#import "UIView+Frame.h"
@implementation WJTableViewCell

-(void)layoutSubviews{
    [super layoutSubviews];
    self.imageView.x=5;
    self.imageView.y=5;
    self.imageView.width=100;
    self.imageView.heigth=self.heigth;
    self.textLabel.x=CGRectGetMaxX(self.imageView.frame)+5;
    self.detailTextLabel.x=CGRectGetMaxX(self.imageView.frame)+5;
}
@end