UITableView 高级
自定义cell
1.创建一个继承于UITableViewCell的子类
2.根据展示的内容, 选择合适的控件, 并写属性
3.重写cell的初始化方法, 在方法内部, 创建控件
4.使用cell
PersonCell.m
#import <UIKit/UIKit.h>
@interface PersonCell : UITableViewCell
//注: 不要和UITableViewCell的属性重名
@property (nonatomic, retain) UIImageView *photoView;
@property (nonatomic, retain) UILabel *nameLabel, *genderLabel, *signatureLabel;
@end
PersonCell.m
#import "PersonCell.h"
#define kMargin 10
#define kImageSize 80
#define KNameWidth 150
#define KLabelHeight 35
#define KScreenWidth [UIScreen mainScreen].bounds.size.width
@implementation PersonCell
- (void)dealloc {
[_photoView release];
[_nameLabel release];
[_genderLabel release];
[_signatureLabel release];
[super dealloc];
}
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
头像
self.photoView = [[UIImageView alloc] initWithFrame:CGRectMake(kMargin, kMargin, kImageSize, kImageSize)];
//圆角的半径
self.photoView.layer.cornerRadius = 40;
self.photoView.clipsToBounds = YES;
// self.photoView.layer.masksToBounds = YES;
self.photoView.layer.borderWidth = 2;
self.photoView.layer.borderColor = [UIColor colorWithRed:0.645 green:1.000 blue:0.970 alpha:1.000].CGColor;
[self.contentView addSubview:_photoView];
[_photoView release];
姓名
self.nameLabel = [[UILabel alloc] initWithFrame:CGRectMake(kMargin * 2 + kImageSize, kMargin, KNameWidth, KLabelHeight)];
// self.nameLabel.backgroundColor = [UIColor redColor];
[self.contentView addSubview:_nameLabel];
[self.nameLabel release];
CGRect rect = CGRectMake(10, 10, 50, 50);
获取矩形区域的宽度
CGRectGetWidth(rect);
获取矩形区域的高度
CGRectGetHeight(rect);
获取矩形区域的最小的X值
CGRectGetMinX(rect);
获取矩形区域的中间的X值
CGRectGetMidX(rect);
获取矩形区域的最大的X值
CGRectGetMaxX(rect);
//性别
self.genderLabel = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetMaxX(self.nameLabel.frame) + kMargin, kMargin,KScreenWidth - kMargin * 2 - CGRectGetMaxX(self.nameLabel.frame) , KLabelHeight)];
// self.genderLabel.backgroundColor = [UIColor greenColor];
[self.contentView addSubview:_genderLabel];
[self.genderLabel release];
//个性签名
self.signatureLabel = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetMinX(self.nameLabel.frame), CGRectGetMaxY(self.nameLabel.frame) + kMargin, KScreenWidth - 2 * kMargin - CGRectGetMaxX(self.photoView.frame), KLabelHeight)];
self.signatureLabel.font = [UIFont systemFontOfSize:13];
self.signatureLabel.numberOfLines = 0;
// self.signatureLabel.backgroundColor = [UIColor blueColor];
[self.contentView addSubview:_signatureLabel];
[self.signatureLabel release];
}
return self;
}
多种cell的混合使用
1.根据需求不同, 返回不同的cell
2.必须保证cell的重用标志是不同的
UITableViewCell.h
#import <UIKit/UIKit.h>
@interface MessageCell : UITableViewCell
@property (nonatomic, retain) UIImageView *photoView;
@property (nonatomic, retain) UILabel *chatLabel;
@end
UITableViewCell.m
#import "MessageCell.h"
#define KImageSize 80
#define kMargin 10
#define KScreenWidth [UIScreen mainScreen].bounds.size.width
@implementation MessageCell
- (void)dealloc {
[_photoView release];
[_chatLabel release];
[super dealloc];
}
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
self.photoView = [[UIImageView alloc] initWithFrame:CGRectMake(KScreenWidth - KImageSize - kMargin , kMargin, KImageSize, KImageSize)];
self.photoView.layer.cornerRadius = 40;
self.photoView.clipsToBounds = YES;
self.photoView.layer.borderWidth = 2;
self.photoView.layer.borderColor = [UIColor colorWithRed:0.645 green:1.000 blue:0.970 alpha:1.000].CGColor;
[self.contentView addSubview:_photoView];
[_photoView release];
self.chatLabel = [[UILabel alloc] initWithFrame:CGRectMake(kMargin, kMargin, KScreenWidth - 3 * kMargin - KImageSize, KImageSize)];
self.chatLabel.numberOfLines = 0;
self.chatLabel.backgroundColor = [UIColor colorWithRed:0.789 green:1.000 blue:0.970 alpha:1.000];
self.chatLabel.layer.borderWidth = 1;
[self.contentView addSubview:_chatLabel];
[_chatLabel release];
}
return self;
}
#pragma mark - UITableViewDataSource
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
// Return the number of sections.
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
// Return the number of rows in the section.
return 10;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.row % 2 == 0) {
static NSString *string = @"OK";
PersonCell *cell = [tableView dequeueReusableCellWithIdentifier:string];
if (cell == nil) {
cell = [[PersonCell alloc] initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:string];
}
cell.photoView.image = [UIImage imageNamed:@"image.jpg"];
cell.nameLabel.text = @" 美眉";
cell.genderLabel.text = @"女";
cell.signatureLabel.text = @"个性签名: 当你对成功的渴望足以与呼吸的欲望相媲美时,你就会成功!";
return cell;
} else {
static NSString *string = @"Hello";
MessageCell *cell = [tableView dequeueReusableCellWithIdentifier:string];
if (cell == nil) {
cell = [[MessageCell alloc] initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:string];
}
cell.photoView.image = [UIImage imageNamed:@"other.jpg"];
cell.chatLabel.text = @" 让人迷茫的原因只有一个,那就是本该拼搏的年纪,想的太多,做的太少。";
return cell;
}
}
动态cell高度
1.展示内容的控件的高度修改
a. numberOfLines
b. boundingRectWithSize
2.修改cell的高度
HomeTableViewCell.h
#import <UIKit/UIKit.h>
@class Joke;
@interface HomeTableViewCell : UITableViewCell
@property (nonatomic, retain) UILabel *nameLabel, *contentLabel;
自定义cell的优化方法, 对cell上展示的内容, 写一个方法封装起来, 方便赋值
- (void)showContent:(Joke *)joke;
+ (CGFloat)calculateRowHeight:(Joke *)joke;
@end
HomeTableViewCell.m
#import "HomeTableViewCell.h"
#import "Joke.h"
@implementation HomeTableViewCell
- (void)dealloc {
[_nameLabel release];
[_contentLabel release];
[super dealloc];
}
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
//姓名
self.nameLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, 355, 20)];
// self.nameLabel.backgroundColor = [UIColor colorWithRed:0.658 green:1.000 blue:0.975 alpha:1.000];
[self.contentView addSubview:_nameLabel];
[_nameLabel release];
//内容
self.contentLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 40, 355, 20)];
self.contentLabel.backgroundColor = [UIColor colorWithRed:1.000 green:0.988 blue:0.889 alpha:1.000];
self.contentLabel.numberOfLines = 0;
[self.contentView addSubview:_contentLabel];
[_contentLabel release];
}
return self;
}
- (void)showContent:(Joke *)joke {
self.nameLabel.text = joke.name;
self.contentLabel.text = joke.content;
通过内容, 计算高度
参数1: 展示内容的容器大小(CGSize)
参数2: 计算方式(行高 + 间距)(NSStringDrawingOptions)
参数3: 文字样式(文字大小)(NSDictionary *)
参数4: 传递参数使用(NSStringDrawingContext *)
NSDictionary *dic = @{NSFontAttributeName: [UIFont systemFontOfSize:17]};
CGRect rect = [joke.content boundingRectWithSize:CGSizeMake(355, 0) options:(NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading) attributes:dic context:nil];
CGRect frame = self.contentLabel.frame;
frame.size.height = rect.size.height;
self.contentLabel.frame = frame;
}
+ (CGFloat)calculateRowHeight:(Joke *)joke {
NSDictionary *dic = @{NSFontAttributeName: [UIFont systemFontOfSize:17]};
CGRect rect = [joke.content boundingRectWithSize:CGSizeMake(355, 0) options:(NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading) attributes:dic context:nil];
return rect.size.height + 20 + 30;
}
@end
Joke.h
#import <Foundation/Foundation.h>
@interface Joke : NSObject
@property (nonatomic, retain) NSString *name, *content;
- (instancetype)initWithName:(NSString *)namae content:(NSString *)content;
+ (instancetype)jokeWithName:(NSString *)namae content:(NSString *)content;
@end
Joke.m
#import "Joke.h"
@implementation Joke
- (void)dealloc {
[_name release];
[_content release];
[super dealloc];
}
- (instancetype)initWithName:(NSString *)namae content:(NSString *)content {
if (self = [super init]) {
self.name = namae;
self.content = content;
}
return self;
}
+ (instancetype)jokeWithName:(NSString *)namae content:(NSString *)content {
return [[Joke alloc] initWithName:namae content:content];
}
@end
- (void)creatData {
Joke *joke1 = [Joke jokeWithName:@"忠忠" content:@"1、毕业后才知道校园恋爱是最纯洁的;2、毕业后才知道学习是最重要的;3、毕业后才知道校园生活是最幸福的;4、毕业后才知道宿舍生活是最好的;5、毕业后才知道食堂的饭菜是最便宜的;6、毕业后才知道上学是最美妙的事。7、毕业后才知道学生花钱最大手大脚......"];
Joke *joke2 = [Joke jokeWithName:@"老王" content:@"一年奔波,尘缘遇了谁;一句珍重,天涯别了谁;一点灵犀,凭栏忆了谁;一种相思,闲愁予了谁;一江明月,豪情酬了谁;一场冬雪,烟波忘了谁;一壶浊酒,相逢醉了谁;一世浮生,轻狂撩了谁;一封短信,才情念了谁;一番思量,谁是谁的谁 ;一枚围脖,转发回复谁....."];
Joke *joke3 = [Joke jokeWithName:@"蹦蹦" content:@"人与人间的信任,就像是纸片,一旦破损,就不会再回到原来的样子。"];
Joke *joke4 = [Joke jokeWithName:@"小强" content:@"记者:说真的,你真的会给给孩子换尿布吗? 姚明:要不你躺下,我给你换一个!实话告诉你,我用一只脚就能给孩子换尿布,喂奶啥的,都行。 记者:我不信! 姚明:真的,连灯都不用开。 记者:不可能!你说怎么换? 姚明:一只脚把媳妇揣醒就得。"];
Joke *joke5 = [Joke jokeWithName:@"广恩" content:@"一生只谈三次恋爱最好,一次懵懂,一次刻骨,一次一生。谈的太多会比较,无法确定;经历太多会麻木,不再相信爱情,行尸走肉,最后与不爱的人结婚,无法发自内心的爱对方,日常表现的应付,对方则抱怨你不够关心和不顾家,最后这失败的爱情,让你在遗憾和凑合中走完一生。"];
Joke *joke6 = [Joke jokeWithName:@"歌星" content:@"我们常常看到的风景是:一个人总是仰望和羡慕着别人的幸福,一回头,却发现自己正被仰望和羡慕着。其实,每个人都是幸福的。只是,你的幸福,常常在别人眼里 。"];
self.jokeArray = [@[joke1, joke2, joke3, joke4, joke5, joke6] mutableCopy];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
#pragma mark - UITableViewDataSource
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
// Return the number of sections.
return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
// Return the number of rows in the section.
return self.jokeArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *identifier = @"cell";
HomeTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (cell == nil) {
cell = [[HomeTableViewCell alloc] initWithStyle:(UITableViewCellStyleSubtitle) reuseIdentifier:identifier];
}
// cell.textLabel.text = @"Hello World!";
Joke *joke = _jokeArray[indexPath.row];
[cell showContent:joke];
return cell;
}
#pragma mark - UITableViewDelegate
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return [HomeTableViewCell calculateRowHeight:self.jokeArray[indexPath.row]];
}