iOS开发网络篇—实现一个视频播放客户端小应用（三）

转自：http://www.cnblogs.com/wendingding/p/3815260.html

一、完善代码（封装）

对代码进行封装,对tableviewcell的封装处理

包括创建cell和封装，和对cell内部数据处理的封装。

处理代码：

主控制器中返回cell的部分：

1 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
2 {
3     YYCell *cell=[YYCell cellWithTableView:tableView];
4     //获取数据模型
5     cell.model=self.videos[indexPath.row];
6     return cell;
7 }

自定义cell中进行封装

头文件代码如下：

1 #import <UIKit/UIKit.h>
2 @class YYviodesModel;
3 @interface YYCell : UITableViewCell
4 
5 @property(nonatomic,strong)YYviodesModel  *model;
6 +(instancetype)cellWithTableView:(UITableView *)tableView;
7 @end

cell部分的处理代码：

 1 #import "YYCell.h"
 2 #import "YYviodesModel.h"
 3 #import "UIImageView+WebCache.h"
 4 
 5 @interface YYCell  ()
 6 @property(nonatomic,weak)UIView * divider;
 7 @end
 8 @implementation YYCell
 9 
10 +(instancetype)cellWithTableView:(UITableView *)tableView
11 {
12     static NSString *ID=@"ID";
13     YYCell *cell=[tableView dequeueReusableCellWithIdentifier:ID];
14     if (cell==nil) {
15         cell=[[YYCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
16     }
17     return cell;
18 }
19 
20 -(void)setModel:(YYviodesModel *)model
21 {
22     _model=model;
23   self.textLabel.text=model.name;
24     NSString *length=[NSString stringWithFormat:@"时长%d分钟",model.length];
25     self.detailTextLabel.text=length;
26     
27     // video.image == resources/images/minion_01.png
28     NSString *imageUrl = [NSString stringWithFormat:@"http://192.168.1.53:8080/MJServer/%@", model.image];
29     
30     //这里使用了第三方框架
31     [self.imageView  setImageWithURL:[NSURL URLWithString:imageUrl] placeholderImage:[UIImage imageNamed:@"placeholder"]];
32 
33 }

一、完善代码（分类）

处理下面的代码

 1 -(void)layoutSubviews
 2 {
 3     [super layoutSubviews];
 4     
 5     //调整frame
 6     //图片的frame
 7     CGFloat imageX=10;
 8     CGFloat imageY=10;
 9     CGFloat imageH=self.frame.size.height-2*imageY;
10     CGFloat imageW=imageH*200/112;
11     self.imageView.frame=CGRectMake(imageX, imageY, imageW, imageH);
12     
13     //标题的frame
14     CGRect textF=self.textLabel.frame;
15     textF.origin.x=imageW+2*imageX;
16     self.textLabel.frame=textF;
17     
18     //小标题的frame
19     CGRect detailTextF=self.detailTextLabel.frame;
20     detailTextF.origin.x=textF.origin.x;
21     self.detailTextLabel.frame=detailTextF;
22     
23     //设置下划线的frame
24     CGFloat dividerH=1.0;
25     CGFloat dividerW=self.frame.size.width;
26     CGFloat dividerY=self.frame.size.height-1;
27     self.divider.frame=CGRectMake(0, dividerY, dividerW, dividerH);
28 }

添加一个UIView的分类，直接修改UI控件的x值等。

分类的实现：

UIView+Extension.h文件

 1 //
 2 //  UIView+Extension.h
 3 //  01-文顶顶客户端
 4 //
 5 //  Created by apple on 14-6-29.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import <UIKit/UIKit.h>
10 
11 @interface UIView (Extension)
12 @property(nonatomic,assign)CGFloat x;
13 @property(nonatomic,assign)CGFloat y;
14 @property(nonatomic,assign)CGFloat width;
15 @property(nonatomic,assign)CGFloat height;
16 @end

UIView+Extension.m文件

 1 //
 2 //  UIView+Extension.m
 3 //  01-文顶顶客户端
 4 //
 5 //  Created by apple on 14-6-29.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "UIView+Extension.h"
10 
11 @implementation UIView (Extension)
12 -(void)setX:(CGFloat)x
13 {
14     CGRect frame=self.frame;
15     frame.origin.x=x;
16     self.frame=frame;
17 }
18 
19 -(CGFloat)x
20 {
21     return self.frame.origin.x;
22 }
23 
24 -(void)setY:(CGFloat)y
25 {
26     CGRect frame=self.frame;
27     frame.origin.y=y;
28     self.frame=frame;
29 }
30 
31 -(CGFloat)y
32 {
33     return self.frame.origin.y;
34 }
35 
36 -(void)setWidth:(CGFloat)width
37 {
38     CGRect frame=self.frame;
39     frame.size.width=width;
40     self.frame=frame;
41 }
42 -(CGFloat)width
43 {
44     return self.frame.size.width;
45 }
46 
47 -(void)setHeight:(CGFloat)height
48 {
49     CGRect frame=self.frame;
50     frame.size.height=height;
51     self.frame=frame;
52 }
53 -(CGFloat)height
54 {
55     return self.frame.size.height;
56 }
57 @end

cell设置frame部分的代码：

 1 //
 2 //  YYCell.m
 3 //  01-文顶顶客户端
 4 //
 5 //  Created by apple on 14-6-29.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "YYCell.h"
10 #import "YYviodesModel.h"
11 #import "UIImageView+WebCache.h"
12 #import "UIView+Extension.h"
13 
14 @interface YYCell  ()
15 @property(nonatomic,weak)UIView * divider;
16 @end
17 @implementation YYCell
18 
19 +(instancetype)cellWithTableView:(UITableView *)tableView
20 {
21     static NSString *ID=@"ID";
22     YYCell *cell=[tableView dequeueReusableCellWithIdentifier:ID];
23     if (cell==nil) {
24         cell=[[YYCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
25     }
26     return cell;
27 }
28 
29 -(void)setModel:(YYviodesModel *)model
30 {
31     _model=model;
32   self.textLabel.text=model.name;
33     NSString *length=[NSString stringWithFormat:@"时长%d分钟",model.length];
34     self.detailTextLabel.text=length;
35     
36     // video.image == resources/images/minion_01.png
37     NSString *imageUrl = [NSString stringWithFormat:@"http://192.168.1.53:8080/MJServer/%@", model.image];
38     
39     //这里使用了第三方框架
40     [self.imageView  setImageWithURL:[NSURL URLWithString:imageUrl] placeholderImage:[UIImage imageNamed:@"placeholder"]];
41 
42 }
43 
44 - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
45 {
46     self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
47     if (self) {
48 
49         //加一条线
50         UIView *divider=[[UIView alloc]init];
51         [divider setBackgroundColor:[UIColor brownColor]];
52         divider.alpha=0.5;
53         [self.contentView addSubview:divider];
54         self.divider=divider;
55         
56     }
57     return self;
58 }
59 
60 -(void)layoutSubviews
61 {
62     [super layoutSubviews];
63     
64     //调整frame
65     //图片的frame
66     CGFloat imageX=10;
67     CGFloat imageY=10;
68     CGFloat imageH=self.height-2*imageY;
69     CGFloat imageW=imageH*200/112;
70     self.imageView.frame=CGRectMake(imageX, imageY, imageW, imageH);
71     
72     //标题的frame
73 //    CGRect textF=self.textLabel.frame;
74 //    textF.origin.x=imageW+2*imageX;
75 //    self.textLabel.frame=textF;
76     self.textLabel.x=imageW+2*imageX;
77     
78     //小标题的frame
79 //    CGRect detailTextF=self.detailTextLabel.frame;
80 //    detailTextF.origin.x=textF.origin.x;
81 //    self.detailTextLabel.frame=detailTextF;
82     self.detailTextLabel.x= self.textLabel.x;
83     
84     //设置下划线的frame
85     CGFloat dividerH=1.0;
86     CGFloat dividerW=self.width;
87     CGFloat dividerY=self.height-1;
88     self.divider.frame=CGRectMake(0, dividerY, dividerW, dividerH);
89 }
90 
91 @end

提示：可以把写好的分类保存起来，以后在处理类似场景的时候，拿来就用。

设置后，不会对项目产生什么影响。

模拟器显示情况：