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 = ; 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 ;
}

- (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(, ) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:],NSFontAttributeName, nil] context:nil];
    if ([stu.sex isEqualToString:@"男"]) {

        return +rect.size.height+;
    }else{

     return +rect.size.height+;
    }

}
/*
// 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(, , , )] autorelease];
        self.nameLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.sexLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.phoneLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.hobbyLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        //给hobbylabel设定一个字号,在表视图控制器里面直接可以使用
        self.hobbyLabel.font = [UIFont systemFontOfSize:];
        //让它自适应高度,把行数设为0
        self.hobbyLabel.numberOfLines = ;

        [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(, ) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:self.hobbyLabel.font,NSFontAttributeName, nil] context:nil];
    self.hobbyLabel.frame = CGRectMake(, , , 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(, , , )] autorelease];
        self.nameLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.sexLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.phoneLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.hobbyLabel = [[[UILabel alloc] initWithFrame:CGRectMake(, , , )] autorelease];
        self.hobbyLabel.font = [UIFont systemFontOfSize:];

        [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(, ) options:NSStringDrawingUsesLineFragmentOrigin attributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIFont systemFontOfSize:],NSFontAttributeName, nil] context:nil];

    self.hobbyLabel.frame = CGRectMake(, , , 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源代码