iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(三·完结)
iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(三·完结)
hejunbinlan 发表于2年前
iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(三·完结)
  • 发表于 2年前
  • 阅读 168
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(三·完结)

一、需要改进的地方

还需改进的地方:cell的高度需要根据每条微博的数据进行动态设置。

设置cell的高度可以有两种方式,一种是通过rowheight属性来进行设置,一种是通过代理来进行设置。通过属性设置适用于每行的高度一致,使用代理适用于每行的高度不一致的情况。

二、实现思路

在这个应用中,每个cell的高度是根据内容来确定的,所以在这里我们通过代理来设置cell的高度。

获取到图片最大的Y值或者是文字最大的Y值,在cell中设置一个新的变量。

判断一下,如果有配图,则高度等于配图的高度+间隙的高度,如果没有配图那么高度等于文字的高度+间隙的高度。

在自定义cell的setting frame方法中计算出行高,而要在主控制器中进行使用,怎么办才能拿到数据?

计算行高的方法最终是由cellforrow(setweibo->settingframe->计算行高)调用的,如果要拿到行高的话,需要先调用cellforrow这个方法。

查看cellforrow和heughtforrow这两个方法是谁先调用,结果显示是heiforrow先调用。

拿不到计算的行高?怎么办?

让它在计算heightforrow之前就计算出行高。计算行高,依赖于其他控件中的位置,位置依赖于模型中的数据。

拿到模型数据,就可以计算出高度。

那么在哪里可以拿到数据模型呢?

在懒加载中创建模型,就可以拿到模型,计算所有控件的frame,在懒加载中就可以获得行高。

拿到模型后可以计算出5个frame,那么就使用一个模型,把着5个frame保存起来,将来一个自定义的cell就对应一个frame模型。

新建一个类,继承自nsobject,这个类专门用来保存每一行数据的frame。在类中创建5个对应的frame属性,(CGRECT)以及一个行高。添加一个模型数据,当别人给我一个模型数据的时候,我就可以通过重写set方法,设置模型数据的frame.

把之前的frame计算方法拷贝过去。(为什么?)

在懒加载方法中,根据模型数据创建frame模型,往数组里面添加的时候添加frame模型,此时该数组中既有所有的数据模型,又拥有对应的frame。

在代理方法中,获取到当前索引对应的frame。

三、实现代码
1.项目文件结构

2.代码
模型部分

YYweiboModel.h文件

 1 //  2 // YYweiboModel.h  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import <Foundation/Foundation.h> 10 11 @interface YYweiboModel : NSObject 12 /** 13  * 昵称 14 */ 15 @property(nonatomic,copy)NSString *name; 16 /** 17  * 正文 18 */ 19 @property(nonatomic,copy)NSString *text; 20 /** 21  * 头像 22 */ 23 @property(nonatomic,copy)NSString *icon; 24 /** 25  * 配图 26 */ 27 @property(nonatomic,copy)NSString *picture; 28 /** 29  * 是否是vip 30 */ 31 @property(nonatomic,assign)BOOL vip; 32 33 //接口 34 -(instancetype)initWithDict:(NSDictionary *)dict; 35 +(instancetype)weiboModelWithDict:(NSDictionary *)dict; 36 @end

YYweiboModel.m文件

 1 //  2 // YYweiboModel.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYweiboModel.h" 10 11 @implementation YYweiboModel 12 13 -(instancetype)initWithDict:(NSDictionary *)dict 14 { 15 if (self = [super init]) { 16 //使用KVC 17  [self setValuesForKeysWithDictionary:dict]; 18  } 19 return self; 20 } 21 22 /** 23  * 工厂方法 24  * 25  * @param dict 字典 26  * 27  * @return 模型 28 */ 29 +(instancetype)weiboModelWithDict:(NSDictionary *)dict 30 { 31 return [[self alloc]initWithDict:dict]; 32 } 33 @end
视图部分

YYweiboCell.h文件

 1 //  2 // YYweiboCell.h  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import <UIKit/UIKit.h> 10 11 @class YYweiboModel; 12 @interface YYweiboCell : UITableViewCell 13 14 15 @property(nonatomic,strong)YYweiboModel *weibo; 16 @end

YYweiboCell.m文件

 1 //  2 // YYweiboCell.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYweiboCell.h"  10 #import "YYweiboModel.h"  11  12 #define YYNameFont [UIFont systemFontOfSize:15]  13 #define YYTextFont [UIFont systemFontOfSize:16]  14  15 @interface YYweiboCell()  16 /**  17  * 头像  18 */  19 @property(nonatomic,weak)UIImageView *iconView;  20 /**  21  * vip图标  22 */  23 @property(nonatomic,weak)UIImageView *vipView;  24 /**  25  * 微博昵称  26 */  27 @property(nonatomic,weak)UILabel *nameLabel;  28 /**  29  * 配图  30 */  31 @property(nonatomic,weak)UIImageView *pictureView;  32 /**  33  * 正文  34 */  35 @property(nonatomic,weak)UILabel *textLab;  36  37 @end  38  39 @implementation YYweiboCell  40  41 //重写构造方法,让自定义的cell一创建出来就有五个子控件  42 - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier  43 {  44 self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];  45 if (self) {  46 //1.添加头像  47 UIImageView *img=[[UIImageView alloc]init];  48  [self.contentView addSubview:img];  49 self.iconView=img;  50  51 //2.添加昵称  52 UILabel *namelab=[[UILabel alloc]init];  53 //在创建昵称的时候就要告诉它,将来要用15号字体显示  54 namelab.font=YYNameFont;  55  [self.contentView addSubview:namelab];  56 self.nameLabel=namelab;  57  58 //3.vip  59 UIImageView  *vipview=[[UIImageView alloc]init];  60 vipview.image=[UIImage imageNamed:@"vip"];  61  [self.contentView addSubview:vipview];  62 self.vipView=vipview;  63  64 //4.正文  65 UILabel *textlab=[[UILabel alloc]init];  66 //在创建正文的时候就要告诉它,将来要用16号字体显示  67 textlab.font=YYTextFont;  68 //设置正文在进行显示的时候进行换行  69 textlab.numberOfLines=0;  70  [self.contentView addSubview:textlab];  71 self.textLab=textlab;  72  73 //5.图片  74 UIImageView *picture=[[UIImageView alloc]init];  75  [self.contentView addSubview:picture];  76 self.pictureView=picture;  77  }  78 return self;  79 }  80  81 /**  82  * 重写set方法  83  *  84  * @param weibo 微博  85 */  86 -(void)setWeibo:(YYweiboModel *)weibo  87 {  88 //不要忘了,记录传递进来的模型  89 _weibo=weibo;  90 //给子控件赋值数据  91  [self settingData];  92 //设置子控件的frame  93  [self settingFrame];  94 }  95  96 /**  97  * 对子控件的数据进行设置  98 */  99 -(void)settingData 100 { 101 //1.设置头像的数据 102 self.iconView.image=[UIImage imageNamed:_weibo.icon]; 103 104 //2.设置vip图标的数据 105 //判断是否是vip,如果是那么就显示图标,并把字体设置为红色 106 //注意这里的判断 107 if (_weibo.vip) { 108 self.vipView.hidden=NO; 109 // [self.textLab setTintColor:[UIColor redColor]]; 110 self.nameLabel.textColor=[UIColor redColor]; 111 }else 112  { 113 self.vipView.hidden=YES; 114 self.nameLabel.textColor=[UIColor blackColor]; 115  } 116 117 118 //所以的vip图标都是一样的,没有必要每次都设置,只需要在构造方法中设置一次就可以了。 119 // self.vipView.image=[UIImage imageNamed:@"vip"]; 120 121 //3.设置正文内容的数据 122 self.textLab.text=_weibo.text; 123 124 //4.设置配图的数据 125 self.pictureView.image=[UIImage imageNamed:_weibo.picture]; 126 127 //5.设置微博昵称数据 128 self.nameLabel.text=_weibo.name; 129 } 130 131 132 /** 133  * 设置子控件的Frame 134 */ 135 -(void)settingFrame 136 { 137 //1.设置头像的frame 138 CGFloat padding=10; 139 CGFloat iconViewX=padding; 140 CGFloat iconViewY=padding; 141 CGFloat iconViewW=30; 142 CGFloat iconViewH=30; 143 144 self.iconView.frame=CGRectMake(iconViewX, iconViewY, iconViewW, iconViewH); 145 146 //2.设置微博昵称的frame 147 //昵称的X值=头像的最大的x值+padding 148 CGFloat nameLabelX=CGRectGetMaxX(self.iconView.frame)+padding; 149 CGSize nameSize=[self sizeWithString:_weibo.name font:YYNameFont maxSize:CGSizeMake(MAXFLOAT,MAXFLOAT)]; 150 //昵称的Y值=(头像高度-整个文本字体的高度)*0.5+头像的Y值 151 CGFloat nameLableY=(iconViewH-nameSize.height)*0.5+iconViewY; 152 self.nameLabel.frame=CGRectMake(nameLabelX, nameLableY, nameSize.width, nameSize.height); 153 154 //3.设置vip图标的frame 155 //vip图标的x值=昵称的最大x值+间隙 156 CGFloat vipX=CGRectGetMaxX(self.nameLabel.frame)+padding; 157 CGFloat vipY=nameLableY; 158 CGFloat vipW=14; 159 CGFloat vipH=14; 160 self.vipView.frame=CGRectMake(vipX, vipY, vipW, vipH); 161 162 //4.设置正文的frame 163 CGFloat textLabX=iconViewX; 164 CGFloat textLabY=CGRectGetMaxY(self.iconView.frame)+padding; 165 CGSize textSize=[self sizeWithString:_weibo.text font:YYTextFont maxSize:CGSizeMake(300,MAXFLOAT)]; 166 self.textLab.frame=CGRectMake(textLabX, textLabY, textSize.width, textSize.height); 167 168 //5.设置配图的frame 169 //添加一个变量,来计算行高 170 CGFloat cellHight=0; 171 //如果有配图,则行高=配图最大的Y值+padding 172 //如果没有配图,则行高=文本最大的Y值+padding 173 if (_weibo.picture) { 174 CGFloat pictureX=iconViewX; 175 CGFloat pictureY=CGRectGetMaxY(self.textLab.frame)+padding; 176 CGFloat pictureW=100; 177 CGFloat pictureH=100; 178 self.pictureView.frame=CGRectMake(pictureX, pictureY, pictureW, pictureH); 179 cellHight=CGRectGetMaxY(self.pictureView.frame)+padding; 180 }else 181 cellHight=CGRectGetMaxY(self.textLab.frame)+padding; 182 } 183 184 185 /** 186  * 计算文本的宽高 187  * 188  * @param str 需要计算的文本 189  * @param font 文本显示的字体 190  * @param maxSize 文本显示的范围 191  * 192  * @return 文本占用的真实宽高 193 */ 194 - (CGSize)sizeWithString:(NSString *)str font:(UIFont *)font maxSize:(CGSize)maxSize 195 { 196 NSDictionary *dict = @{NSFontAttributeName : font}; 197 // 如果将来计算的文字的范围超出了指定的范围,返回的就是指定的范围 198 // 如果将来计算的文字的范围小于指定的范围, 返回的就是真实的范围 199 CGSize size = [str boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size; 200 return size; 201 } 202 @end

YYweiboFrame.h文件

 1 //  2 // YYweiboFrame.h  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-5.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import <Foundation/Foundation.h> 10 #import "YYweiboModel.h" 11 12 @interface YYweiboFrame : NSObject 13 /** 14  * 头像的frame 15 */ 16 @property(nonatomic,assign)CGRect iconF; 17 /** 18  * vip图标的frame 19 */ 20 @property(nonatomic,assign)CGRect vipF; 21 /** 22  * 微博昵称的frame 23 */ 24 @property(nonatomic,assign)CGRect nameF; 25 /** 26  * 配图的frame 27 */ 28 @property(nonatomic,assign)CGRect pictureF; 29 /** 30  * 正文的frame 31 */ 32 @property(nonatomic,assign)CGRect textF; 33 /** 34  * 行高 35 */ 36 @property(nonatomic,assign)CGFloat cellHight; 37 38 /** 39  * 设置一个YYweiboModel型的属性,用来接收模型 40 */ 41 42 @property(nonatomic,strong)YYweiboModel *weibo; 43 44 @end

YYweiboFrame.m文件

 1 //  2 // YYweiboFrame.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-5.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYweiboFrame.h" 10 #import "YYweiboModel.h" 11 12 #define YYNameFont [UIFont systemFontOfSize:15] 13 #define YYTextFont [UIFont systemFontOfSize:16] 14 15 16 @implementation YYweiboFrame 17 18 /** 19  * 重写weibo的set方法,设置模型数据的frame属性 20 */ 21 -(void)setWeibo:(YYweiboModel *)weibo 22 { 23 _weibo=weibo; 24 25 //1.设置头像的frame 26 CGFloat padding=10; 27 CGFloat iconViewX=padding; 28 CGFloat iconViewY=padding; 29 CGFloat iconViewW=30; 30 CGFloat iconViewH=30; 31 32 self.iconF=CGRectMake(iconViewX, iconViewY, iconViewW, iconViewH); 33 34 //2.设置微博昵称的frame 35 //昵称的X值=头像的最大的x值+padding 36 CGFloat nameLabelX=CGRectGetMaxX(self.iconF)+padding; 37 CGSize nameSize=[self sizeWithString:_weibo.name font:YYNameFont maxSize:CGSizeMake(MAXFLOAT,MAXFLOAT)]; 38 //昵称的Y值=(头像高度-整个文本字体的高度)*0.5+头像的Y值 39 CGFloat nameLableY=(iconViewH-nameSize.height)*0.5+iconViewY; 40 self.nameF=CGRectMake(nameLabelX, nameLableY, nameSize.width, nameSize.height); 41 42 //3.设置vip图标的frame 43 //vip图标的x值=昵称的最大x值+间隙 44 CGFloat vipX=CGRectGetMaxX(self.nameF)+padding; 45 CGFloat vipY=nameLableY; 46 CGFloat vipW=14; 47 CGFloat vipH=14; 48 self.vipF=CGRectMake(vipX, vipY, vipW, vipH); 49 50 //4.设置正文的frame 51 CGFloat textLabX=iconViewX; 52 CGFloat textLabY=CGRectGetMaxY(self.iconF)+padding; 53 CGSize textSize=[self sizeWithString:_weibo.text font:YYTextFont maxSize:CGSizeMake(300,MAXFLOAT)]; 54 self.textF=CGRectMake(textLabX, textLabY, textSize.width, textSize.height); 55 56 //5.设置配图的frame 57 //添加一个变量,来计算行高 58 //CGFloat cellHight=0; 59 //如果有配图,则行高=配图最大的Y值+padding 60 //如果没有配图,则行高=文本最大的Y值+padding 61 if (_weibo.picture) { 62 CGFloat pictureX=iconViewX; 63 CGFloat pictureY=CGRectGetMaxY(self.textF)+padding; 64 CGFloat pictureW=100; 65 CGFloat pictureH=100; 66 self.pictureF=CGRectMake(pictureX, pictureY, pictureW, pictureH); 67 self.cellHight=CGRectGetMaxY(self.pictureF)+padding; 68 }else 69 self.cellHight=CGRectGetMaxY(self.textF)+padding; 70 } 71 72 73 /** 74  * 计算文本的宽高 75  * 76  * @param str 需要计算的文本 77  * @param font 文本显示的字体 78  * @param maxSize 文本显示的范围 79  * 80  * @return 文本占用的真实宽高 81 */ 82 - (CGSize)sizeWithString:(NSString *)str font:(UIFont *)font maxSize:(CGSize)maxSize 83 { 84 NSDictionary *dict = @{NSFontAttributeName : font}; 85 // 如果将来计算的文字的范围超出了指定的范围,返回的就是指定的范围 86 // 如果将来计算的文字的范围小于指定的范围, 返回的就是真实的范围 87 CGSize size = [str boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size; 88 return size; 89 } 90 @end
控制器部分

YYViewController.h文件

 1 //  2 // YYViewController.h  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import <UIKit/UIKit.h> 10 11 @interface YYViewController : UITableViewController 12 13 @end

YYViewController.m文件

 1 //  2 // YYViewController.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYViewController.h" 10 #import "YYweiboModel.h" 11 #import "YYweiboCell.h" 12 #import "YYweiboFrame.h" 13 14 @interface YYViewController () 15 @property(nonatomic,strong)NSArray *weibos; 16 17 @end 18 19 @implementation YYViewController 20 21 - (void)viewDidLoad 22 { 23  [super viewDidLoad]; 24 } 25 26 #pragma mark -懒加载 27 -(NSArray *)weibos 28 { 29 if (_weibos==Nil) { 30 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"statuses.plist" ofType:nil]; 31 NSArray *arrayM=[NSArray arrayWithContentsOfFile:fullpath]; 32 33 NSMutableArray *models=[NSMutableArray arrayWithCapacity:arrayM.count]; 34 for (NSDictionary *dict in arrayM) { 35 YYweiboModel *weibomodel=[YYweiboModel weiboModelWithDict:dict]; 36 //创建一个新的模型 37 YYweiboFrame *weiboframe=[[YYweiboFrame alloc]init]; 38 //接收到数据模型 39 weiboframe.weibo=weibomodel; 40 41  [models addObject:weiboframe]; 42  } 43 _weibos=[models copy]; 44  } 45 return _weibos; 46 } 47 48 #pragma mark- 数据源方法 49 //返回多少组 50 //这里可以不写,默认返回一组 51 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 52 { 53 return 1; 54 } 55 //每组多少行 56 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 57 { 58 return self.weibos.count; 59 } 60 //每组每行的数据-设置cell 61 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 62 { 63 //1.到缓存中去取cell 64 static NSString *ID=@"ID"; 65 //2.没有则创建cell 66 YYweiboCell *cell=[tableView dequeueReusableCellWithIdentifier:ID]; 67 if (cell==nil) { 68 cell=[[YYweiboCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID]; 69  } 70 71 //3.设置cell的数据 72 YYweiboFrame *weiboframe=self.weibos[indexPath.row]; 73 cell.weibo=weiboframe.weibo; 74 //4.返回cell 75 return cell; 76 77 } 78 79 #pragma mark-设置每一组的高度 80 -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 81 { 82 //获取当前索引的frame和数据 83 YYweiboFrame *weiboframe=self.weibos[indexPath.row]; 84 //返回每行的行高 85 return weiboframe.cellHight; 86 } 87 #pragma mark- 隐藏状态栏 88 -(BOOL)prefersStatusBarHidden 89 { 90 return YES; 91 } 92 @end

3.实现效果

       

四、优化

在给自定义cell中重写set方法时,设置了微博的数据,还同时设置了frame,那么既然已经在frame模型中计算出了frame,这里就不需要再进行一次多余的计算了。修改代码,在cell里拿到weiboframe模型,就能拿到所有的frame。在自定义的cell里边,不再保存weibo而是保存weiboframe的属性。

说明: 只对项目的三个文件进行了修改。

优化后的代码如下:

YYweiboCell.h文件

 1 //  2 // YYweiboCell.h  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import <UIKit/UIKit.h> 10 11 @class YYweiboModel,YYweiboFrame; 12 @interface YYweiboCell : UITableViewCell 13 14 15 //@property(nonatomic,strong)YYweiboModel *weibo; 16 @property(nonatomic,strong)YYweiboFrame *weiboframe; 17 @end

YYweiboCell.m文件

 1 //  2 // YYweiboCell.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYweiboCell.h"  10 #import "YYweiboModel.h"  11 #import "YYweiboFrame.h"  12  13 #define YYNameFont [UIFont systemFontOfSize:15]  14 #define YYTextFont [UIFont systemFontOfSize:16]  15  16 @interface YYweiboCell()  17 /**  18  * 头像  19 */  20 @property(nonatomic,weak)UIImageView *iconView;  21 /**  22  * vip图标  23 */  24 @property(nonatomic,weak)UIImageView *vipView;  25 /**  26  * 微博昵称  27 */  28 @property(nonatomic,weak)UILabel *nameLabel;  29 /**  30  * 配图  31 */  32 @property(nonatomic,weak)UIImageView *pictureView;  33 /**  34  * 正文  35 */  36 @property(nonatomic,weak)UILabel *textLab;  37  38 @end  39  40 @implementation YYweiboCell  41  42 //重写构造方法,让自定义的cell一创建出来就有五个子控件  43 - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier  44 {  45 self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];  46 if (self) {  47 //1.添加头像  48 UIImageView *img=[[UIImageView alloc]init];  49  [self.contentView addSubview:img];  50 self.iconView=img;  51  52 //2.添加昵称  53 UILabel *namelab=[[UILabel alloc]init];  54 //在创建昵称的时候就要告诉它,将来要用15号字体显示  55 namelab.font=YYNameFont;  56  [self.contentView addSubview:namelab];  57 self.nameLabel=namelab;  58  59 //3.vip  60 UIImageView  *vipview=[[UIImageView alloc]init];  61 vipview.image=[UIImage imageNamed:@"vip"];  62  [self.contentView addSubview:vipview];  63 self.vipView=vipview;  64  65 //4.正文  66 UILabel *textlab=[[UILabel alloc]init];  67 //在创建正文的时候就要告诉它,将来要用16号字体显示  68 textlab.font=YYTextFont;  69 //设置正文在进行显示的时候进行换行  70 textlab.numberOfLines=0;  71  [self.contentView addSubview:textlab];  72 self.textLab=textlab;  73  74 //5.图片  75 UIImageView *picture=[[UIImageView alloc]init];  76  [self.contentView addSubview:picture];  77 self.pictureView=picture;  78  }  79 return self;  80 }  81  82 /**  83  * 重写set方法  84  *  85  * @param weibo 微博  86 */  87 //-(void)setWeibo:(YYweiboModel *)weibo  88 //{  89 // //不要忘了,记录传递进来的模型  90 // _weibo=weibo;  91 // //给子控件赋值数据  92 // [self settingData];  93 // //设置子控件的frame  94 // [self settingFrame];  95 //}  96  97 //重写set方法  98 -(void)setWeiboframe:(YYweiboFrame *)weiboframe  99 { 100 101 _weiboframe=weiboframe; 102 //给子控件赋值数据 103  [self settingData]; 104 //设置子控件的frame 105  [self settingFrame]; 106 } 107 108 /** 109  * 对子控件的数据进行设置 110 */ 111 -(void)settingData 112 { 113 //1.设置头像的数据 114 self.iconView.image=[UIImage imageNamed:_weiboframe.weibo.icon]; 115 116 //2.设置vip图标的数据 117 //判断是否是vip,如果是那么就显示图标,并把字体设置为红色 118 //注意这里的判断 119 if (_weiboframe.weibo.vip) { 120 self.vipView.hidden=NO; 121 // [self.textLab setTintColor:[UIColor redColor]]; 122 self.nameLabel.textColor=[UIColor redColor]; 123 }else 124  { 125 self.vipView.hidden=YES; 126 self.nameLabel.textColor=[UIColor blackColor]; 127  } 128 129 130 //所以的vip图标都是一样的,没有必要每次都设置,只需要在构造方法中设置一次就可以了。 131 // self.vipView.image=[UIImage imageNamed:@"vip"]; 132 133 //3.设置正文内容的数据 134 self.textLab.text=_weiboframe.weibo.text; 135 136 //4.设置配图的数据 137 self.pictureView.image=[UIImage imageNamed:_weiboframe.weibo.picture]; 138 139 //5.设置微博昵称数据 140 self.nameLabel.text=_weiboframe.weibo.name; 141 } 142 143 144 /** 145  * 设置子控件的Frame 146 */ 147 -(void)settingFrame 148 { 149 //1.设置头像的frame 150 151 self.iconView.frame=_weiboframe.iconF; 152 153 //2.设置微博昵称的frame 154 self.nameLabel.frame=_weiboframe.nameF; 155 156 //3.设置vip图标的frame 157 self.vipView.frame=_weiboframe.vipF; 158 159 //4.设置正文的frame 160 self.textLab.frame=_weiboframe.textF; 161 162 //5.设置配图的frame 163 164 if (_weiboframe.weibo.picture) { 165 self.pictureView.frame=_weiboframe.pictureF; 166  } 167 } 168 169 @end

YYViewController.m文件

 1 //  2 // YYViewController.m  3 // 微博基本信息展示  4 //  5 // Created by 孔医己 on 14-6-2.  6 // Copyright (c) 2014年 itcast. All rights reserved.  7 //  8  9 #import "YYViewController.h" 10 #import "YYweiboModel.h" 11 #import "YYweiboCell.h" 12 #import "YYweiboFrame.h" 13 14 @interface YYViewController () 15 @property(nonatomic,strong)NSArray *weibos; 16 17 @end 18 19 @implementation YYViewController 20 21 - (void)viewDidLoad 22 { 23  [super viewDidLoad]; 24 } 25 26 #pragma mark -懒加载 27 -(NSArray *)weibos 28 { 29 if (_weibos==Nil) { 30 NSString *fullpath=[[NSBundle mainBundle]pathForResource:@"statuses.plist" ofType:nil]; 31 NSArray *arrayM=[NSArray arrayWithContentsOfFile:fullpath]; 32 33 NSMutableArray *models=[NSMutableArray arrayWithCapacity:arrayM.count]; 34 for (NSDictionary *dict in arrayM) { 35 YYweiboModel *weibomodel=[YYweiboModel weiboModelWithDict:dict]; 36 //创建一个新的模型 37 YYweiboFrame *weiboframe=[[YYweiboFrame alloc]init]; 38 //接收到数据模型 39 weiboframe.weibo=weibomodel; 40 41  [models addObject:weiboframe]; 42  } 43 _weibos=[models copy]; 44  } 45 return _weibos; 46 } 47 48 #pragma mark- 数据源方法 49 //返回多少组 50 //这里可以不写,默认返回一组 51 -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 52 { 53 return 1; 54 } 55 //每组多少行 56 -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 57 { 58 return self.weibos.count; 59 } 60 //每组每行的数据-设置cell 61 -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 62 { 63 //1.到缓存中去取cell 64 static NSString *ID=@"ID"; 65 66 //2.没有则创建cell 67 YYweiboCell *cell=[tableView dequeueReusableCellWithIdentifier:ID]; 68 if (cell==nil) { 69 cell=[[YYweiboCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID]; 70  } 71 72 //3.设置cell的数据 73  cell.weiboframe=self.weibos[indexPath.row]; 74 75 //4.返回cell 76 return cell; 77 78 } 79 80 #pragma mark-设置每一组的高度 81 -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 82 { 83 //获取当前索引的frame和数据 84 YYweiboFrame *weiboframe=self.weibos[indexPath.row]; 85 //返回每行的行高 86 return weiboframe.cellHight; 87 } 88 #pragma mark- 隐藏状态栏 89 -(BOOL)prefersStatusBarHidden 90 { 91 return YES; 92 } 93 @end

 示意图:

共有 人打赏支持
粉丝 38
博文 528
码字总数 21018
×
hejunbinlan
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: