首页 > 代码库 > UI学习笔记---第十一天UITableView表视图高级-自定义cell
UI学习笔记---第十一天UITableView表视图高级-自定义cell
自定义cell,多类型cell混合使用,cell自适应高度
自定义cell就是创建一个UITableViewCell的子类
把cell上的空间创建都封装在子类中,简化viewController中的代码
cell中的空间如何显示Model中的信息
cell中声明一个Model类型的属性,viewController中获取到Model对象后赋值给cell的Model属性
cell中重写Model的setter方法,把Model对象中的内容重新赋值给各个控件
M和V不直接通信,C负责M和V之间进行通信
多类型cell混合使用
通常我们会在tableView:cellForRowAtIndexPath:方法中根据不同的Model来决定使用什么类型的cell
每种类型的cell要定义不同的重用标识符
cell重用的时候会根据重用标识从重用队列中取用那种类型的cell
cell自适应高度
实际开发中经常要让cell根据Model中文本的长短动态的更改高度
获取文本高度 ---计算一段文本在限定宽高内所占矩形大小
- (CGRect)boundingRectWithSize:(CGSize)size options:(NSStringDrawingOptions)options attributes:(NSDictionary*)attributes context:(NSStringDrawingContext *)context
计算文本高度是所用字体要和label显示时所用的字体一致
label的宽度要和计算时所用的限定宽度一致这样才能保证文本显示在label中时,label的高度恰巧够
cell自适应高度
tableView:heightForRowAtIndexPath:?法要比
tableView:cellForRowAtIndexPath先执行。
所以要提前计算好每行cell需要多少高度
练习代码
AppDalegate.m中创建根表视图控制器,导航控制器
RootTableViewController *rootVC = [[RootTableViewController alloc] initWithStyle:UITableViewStyleGrouped]; UINavigationController *ngVc = [[UINavigationController alloc] initWithRootViewController:rootVC]; self.window.rootViewController = ngVc; [ngVc release]; [rootVC release];
RootTableViewController控制器类中代码
//.h中代码#import <UIKit/UIKit.h>@interface RootTableViewController : UITableViewController{ NSMutableArray *_studentsArray;}@end//.m中代码#import "RootTableViewController.h"#import "StudentCell.h"#import "Student.h"#import "SecondCell.h"@interface RootTableViewController ()@end@implementation RootTableViewController- (id)initWithStyle:(UITableViewStyle)style{ self = [super initWithStyle:style]; if (self) { self.navigationItem.title =@"通讯录"; // Custom initialization } return self;}- (void)viewDidLoad{ [super viewDidLoad]; //这是一个单例,用来取文件路径 NSString *filePath = [[NSBundle mainBundle] pathForResource:@"Students" ofType:@"plist"]; NSArray *students = [[NSArray alloc] initWithContentsOfFile:filePath]; _studentsArray = [[NSMutableArray alloc] initWithCapacity:[students count]]; for (int i = 0; i<[students count]; i++) { NSDictionary *dic = [students objectAtIndex:i]; Student *stu = [[Student alloc] init]; //使用kvc [stu setValuesForKeysWithDictionary:dic]; [_studentsArray addObject:stu]; [stu release]; } [students release]; NSLog(@"%@",_studentsArray); // Uncomment the following line to preserve selection between presentations. // self.clearsSelectionOnViewWillAppear = NO; // Uncomment the following line to display an Edit button in the navigation bar for this view controller. // self.navigationItem.rightBarButtonItem = self.editButtonItem;}- (void)didReceiveMemoryWarning{ [super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated.}#pragma mark - Table view data source- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{#warning Potentially incomplete method implementation. // Return the number of sections. return 1;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{#warning Incomplete method implementation. // Return the number of rows in the section. return [_studentsArray count];}/////********************一种方法************************//- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath//{// static NSString *identifier = @"cell";// // UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];// if (cell == nil) {// cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease];// }// //创建一个label// [[cell.contentView viewWithTag:1000] removeFromSuperview];// UILabel *sexlabel = [[UILabel alloc] initWithFrame:CGRectMake(100, 0, 100, 40)];// sexlabel.tag = 1000;// [cell.contentView addSubview:sexlabel];// [sexlabel release];// // // NSDictionary *student = [_studentsArray objectAtIndex:indexPath.row];// // cell.textLabel.text = [student objectForKey:@"name"];// sexlabel.text = [student objectForKey:@"sex"];// // // Configure the cell...// // return cell;//}//////********************方法二*********************//- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath//{// static NSString *identifier = @"cell";// // UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];// if (cell == nil) {// cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease];// //创建一个cell创建一个label,第一种方法的优化,第一种方法一直开辟空间释放空间,占用系统资源// [[cell.contentView viewWithTag:1000] removeFromSuperview];// UILabel *sexlabel = [[UILabel alloc] initWithFrame:CGRectMake(100, 0, 100, 40)];// sexlabel.tag = 1000;// [cell.contentView addSubview:sexlabel];// [sexlabel release];// }// //if中的sexlabel是一个局部变量,需要在外面重写一个label接受tag=1000的label// UILabel *sexlabel = (UILabel *)[cell.contentView viewWithTag:1000];// // NSDictionary *student = [_studentsArray objectAtIndex:indexPath.row];// // cell.textLabel.text = [student objectForKey:@"name"];// sexlabel.text = [student objectForKey:@"sex"];// // // // Configure the cell...// // return cell;//}/////***************第三种建一个UITableViewCell子类*******************- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{ Student *stu = [_studentsArray objectAtIndex:indexPath.row]; if ([stu.sex isEqualToString:@"男"]) { static NSString *identifier = @"cell1"; StudentCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier]; if (cell == nil) { cell = [[[StudentCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease]; } cell.stu = _studentsArray[indexPath.row]; return cell; }else{ static NSString *identifier = @"cell"; SecondCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier]; if (cell == nil) { cell = [[[SecondCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease]; } cell.stu = _studentsArray[indexPath.row]; // Configure the cell... return cell; } // static NSString *identifier = @"cell";// // SecondCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];// if (cell == nil) {// cell = [[[SecondCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier] autorelease];//// }//////// Student *student = [_studentsArray objectAtIndex:indexPath.row];//// [cell setStu:student];// cell.stu = _studentsArray[indexPath.row];//// cell.nameLabel.text = student.name;//// cell.sexLabel.text = student.sex;//// cell.phoneLabel.text = student.phone;//// cell.photoImageView.image = [UIImage imageNamed:student.photo];// //// // // // Configure the cell...// // return cell;}- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{// CGFloat height = Studentcell; Student *stu = [_studentsArray objectAtIndex:indexPath.row]; CGRect rect = [stu.hobby boundingRectWithSize:CGSizeMake(250, 10000) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:18],NSFontAttributeName, nil] context:nil]; if ([stu.sex isEqualToString:@"男"]) { return 92+rect.size.height+5; }else{ return 92+rect.size.height+5; } }/*// Override to support conditional editing of the table view.- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{ // Return NO if you do not want the specified item to be editable. return YES;}*//*// Override to support editing the table view.- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{ if (editingStyle == UITableViewCellEditingStyleDelete) { // Delete the row from the data source [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade]; } else if (editingStyle == UITableViewCellEditingStyleInsert) { // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view } }*//*// Override to support rearranging the table view.- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath{}*//*// Override to support conditional rearranging of the table view.- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath{ // Return NO if you do not want the item to be re-orderable. return YES;}*//*#pragma mark - Navigation// In a storyboard-based application, you will often want to do a little preparation before navigation- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{ // Get the new view controller using [segue destinationViewController]. // Pass the selected object to the new view controller.}*/@end
自定义cell----StudentCell中代码
//.h中代码#import <UIKit/UIKit.h>#import "Student.h"@interface StudentCell : UITableViewCell@property (nonatomic,retain) UILabel *nameLabel;@property (nonatomic,retain) UILabel *sexLabel;@property (nonatomic,retain) UILabel *phoneLabel;@property (nonatomic,retain) UIImageView *photoImageView;@property (nonatomic,retain) UILabel *hobbyLabel;//对cell中需要显示的数据进行封装,创建一个Student Model类@property (nonatomic,retain) Student *stu;@end//.m中代码#import "StudentCell.h"@implementation StudentCell-(void)dealloc{ [_photoImageView release]; [_nameLabel release]; [_sexLabel release]; [_phoneLabel release]; [super dealloc];}- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{ self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if (self) { //自定义cell self.photoImageView = [[[UIImageView alloc] initWithFrame:CGRectMake(5, 2, 50, 50)] autorelease]; self.nameLabel = [[[UILabel alloc] initWithFrame:CGRectMake(70, 2, 100, 20)] autorelease]; self.sexLabel = [[[UILabel alloc] initWithFrame:CGRectMake(70, 32, 100, 20)] autorelease]; self.phoneLabel = [[[UILabel alloc] initWithFrame:CGRectMake(70, 62, 100, 20)] autorelease]; self.hobbyLabel = [[[UILabel alloc] initWithFrame:CGRectMake(70, 92, 250, 20)] autorelease]; //给hobbylabel设定一个字号,在表视图控制器里面直接可以使用 self.hobbyLabel.font = [UIFont systemFontOfSize:18]; //让它自适应高度,把行数设为0 self.hobbyLabel.numberOfLines = 0; [self.contentView addSubview:_photoImageView]; [self.contentView addSubview:_nameLabel]; [self.contentView addSubview:_sexLabel]; [self.contentView addSubview:_phoneLabel]; [self.contentView addSubview:_hobbyLabel]; // Initialization code } return self;}- (void)awakeFromNib{ // Initialization code}- (void)setSelected:(BOOL)selected animated:(BOOL)animated{ [super setSelected:selected animated:animated]; // Configure the view for the selected state}//重写setter方法- (void)setStu:(Student *)stu{ self.nameLabel.text = stu.name; self.sexLabel.text = stu.sex; self.phoneLabel.text = stu.phone; self.photoImageView.image = [UIImage imageNamed:stu.photo]; //设置爱好自定义高度 CGRect rect = [stu.hobby boundingRectWithSize:CGSizeMake(250, 10000) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:self.hobbyLabel.font,NSFontAttributeName, nil] context:nil]; self.hobbyLabel.frame = CGRectMake(70, 92, 250, rect.size.height); self.hobbyLabel.text = stu.hobby; }@end
自定义另一个cell----SecondCell
//.h中代码#import <UIKit/UIKit.h>#import "Student.h"@interface SecondCell : UITableViewCell@property (nonatomic,retain) UILabel *nameLabel;@property (nonatomic,retain) UILabel *sexLabel;@property (nonatomic,retain) UILabel *phoneLabel;@property (nonatomic,retain) UIImageView *photoImageView;@property (nonatomic,retain) UILabel *hobbyLabel;@property (nonatomic,retain) Student *stu;@end//.m中代码#import "SecondCell.h"@implementation SecondCell-(void)dealloc{ [_photoImageView release]; [_nameLabel release]; [_sexLabel release]; [_phoneLabel release]; [_hobbyLabel release]; [super dealloc];}- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{ self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if (self) { //自定义cell self.photoImageView = [[[UIImageView alloc] initWithFrame:CGRectMake(260, 2, 50, 50)] autorelease]; self.nameLabel = [[[UILabel alloc] initWithFrame:CGRectMake(150, 2, 100, 20)] autorelease]; self.sexLabel = [[[UILabel alloc] initWithFrame:CGRectMake(150, 32, 100, 20)] autorelease]; self.phoneLabel = [[[UILabel alloc] initWithFrame:CGRectMake(150, 62, 100, 20)] autorelease]; self.hobbyLabel = [[[UILabel alloc] initWithFrame:CGRectMake(10, 92, 250, 20)] autorelease]; self.hobbyLabel.font = [UIFont systemFontOfSize:18]; [self.contentView addSubview:_photoImageView]; [self.contentView addSubview:_nameLabel]; [self.contentView addSubview:_sexLabel]; [self.contentView addSubview:_phoneLabel]; [self.contentView addSubview:_hobbyLabel]; // Initialization code } return self;}- (void)awakeFromNib{ // Initialization code}- (void)setSelected:(BOOL)selected animated:(BOOL)animated{ [super setSelected:selected animated:animated]; // Configure the view for the selected state}//重写setter方法- (void)setStu:(Student *)stu{ self.nameLabel.text = stu.name; self.sexLabel.text = stu.sex; self.phoneLabel.text = stu.phone; self.photoImageView.image = [UIImage imageNamed:stu.photo]; CGRect rect = [stu.hobby boundingRectWithSize:CGSizeMake(250, 10000) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:18],NSFontAttributeName, nil] context:nil]; self.hobbyLabel.frame = CGRectMake(10, 92, 250, rect.size.height); self.hobbyLabel.text = stu.hobby; }@end
Model类-----Student
//.h中代码#import <Foundation/Foundation.h>@interface Student : NSObject@property (nonatomic,retain) NSString *name;@property (nonatomic,retain) NSString *sex;@property (nonatomic,retain) NSString *phone;@property (nonatomic,retain) NSString *photo;@property (nonatomic,retain) NSString *hobby;//- (instancetype)initWithName:(NSString *)name sex:(NSString *)sex phone:(NSString *)phone photo:(NSString *)photo hobby:(NSString *)hobby;////- (instancetype)initWithDictionary:(NSDictionary *)stuInfoDic;@end//.m中代码#import "Student.h"@implementation Student-(void)dealloc{ [_name release]; [_sex release]; [_phone release]; [_photo release]; [_hobby release]; [super dealloc];}//用KVC取值,不用初始化方法//- (instancetype)initWithName:(NSString *)name sex:(NSString *)sex phone:(NSString *)phone photo:(NSString *)photo hobby:(NSString *)hobby//{// self = [super init];// if (self) {// self.name = name;// self.sex = sex;// self.phone = phone;// self.photo = photo;// self.hobby = hobby;// }// return self;//}////- (instancetype)initWithDictionary:(NSDictionary *)stuInfoDic//{// self = [super init];// if (self) {// self.name = [stuInfoDic objectForKey:@"name"];// self.sex = [stuInfoDic objectForKey:@"sex"];// self.phone = [stuInfoDic objectForKey:@"phone"];// self.photo = [stuInfoDic objectForKey:@"photo"];// self.hobby = [stuInfoDic objectForKey:@"hobby"]; // }// return self;//}-(void)setValue:(id)value forUndefinedKey:(NSString *)key{}@end
数据来源是创建一个plist文件
查看plist源代码