xcode.png
请求数据，设置到tableView上的实例
本次小Demo的完成的主要操作是：根据URL向服务器请求数据，解析服务器返回的JSON数据，并将这些数据封装成模型设置到tableView上面。具体代码如下：
#import "ViewController.h"
#import "MJExtension.h"
#import "UIImageView+WebCache.h"
#import "WJCellItem.h"
#import <MediaPlayer/MediaPlayer.h>
#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 <Foundation/Foundation.h>
@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
