UITableView
2016-04-17 本文已影响270人
letaibai
UITableView的样式
UITableView是iOS开发中非常重要的控件之一,它能够展示多行数据,支持滚动.在大部分APP中都占有很大的比重.
- UITableView的创建方式:
- storyboard:直接拖到控制器中即可.
- 代码
//代码创建
UITableView *tableView = [[UITableView alloc] init];
//设置frame
tableView.frame = self.view.bounds;
[self.view addSubview:tableView];
- UITableView有两种样式:plain和grouped.如图所示,
图1是plain样式即所有的cell都在黏在一起,没有明显的区分.图2是grouped样式,是分组的.
图1
图2
可以看到两种格式的区别非常明显.
在UITableView中,每一个单元格被称为cell,如果想在UITableView中显示数据,需要设置UITableView中cell的数量及每个cell显示的内容.UITableView并不能直接显示数据,它需要设置数据源(datasource),数据源遵守<UITableViewDataSource>协议,并实现其中对应的方法设置数据及内容即可.
<UITableViewDataSource>中常用的方法:
@required(必须实现的)
//返回第section行的row数量
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
//返回第indexPath.row行的cell内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
以上这两个方法会调用一次或多次,次数根据设置的section数量及每个section的cell数量而定.在开发中一般通过模型来传递数据,在控制器中创建一个数组接收模型数据,然后加载到cell中显示.
@optional(可选的)
//返回section的数量,默认为1
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
//返回grouped样式中每组的头部标题
- (nullable NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
//返回grouped样式中每组的尾部标题
- (nullable NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
UITableViewCell的创建及重用
UITableViewCell在创建时,系统会自动设置为懒加载状态.但为了高效利用每一个cell,我们需要设置cell的重用标识(identfier),加载cell时先从缓存池中查找可用的cell.
UITableViewCell的创建方式1:纯代码
- 设置如下:
//设置indexPath.row行的cell内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//设置重用标识
static NSString *ID=@"cell";
//根据重用标识从缓存池中查找可用cell
UITableViewCell *cell=[self.tableView dequeueReusableCellWithIdentifier:ID];
//找不到可用cell,手动创建标识为ID的cell
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
}
//板式输出
cell.textLabel.text = [NSString stringWithFormat:@"test--%zd",indexPath.row];
//返回cell
return cell;
}
UITableViewCell的创建方式2:storyboard
- 设置如下:
storyboard设置重用标识
在代码中实现以下方法:
//设置indexPath.row行的cell内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//设置重用标识
static NSString *ID=@"cell";
//根据重用标识从缓存池中查找可用cell,如果找不到,系统会根据storyboard中的cell标识创建cell.
UITableViewCell *cell=[self.tableView dequeueReusableCellWithIdentifier:ID];
//板式输出
cell.textLabel.text = [NSString stringWithFormat:@"test--%zd",indexPath.row];
//返回cell
return cell;
}
UITableViewCell的创建方式3:register
实现方法如下:
//先在控制器中对cell的标识注册
[self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"cell"];
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
//设置重用标识
static NSString *ID=@"cell";
//根据重用标识从缓存池中查找可用cell,如果找不到,系统会根据注册的cell标识创建cell.
UITableViewCell *cell=[self.tableView dequeueReusableCellWithIdentifier:ID];
//板式输出
cell.textLabel.text = [NSString stringWithFormat:@"test--%zd",indexPath.row];
//返回cell
return cell;
}
UITableView及UITableViewCell的一些属性
UITableView继承自UIScrollView,如果成为了UITableView的代理,也就意味着同样遵守了UIScrollView的代理协议,可以实现UIScrollViewDelegate中的方法来监听UITableView的滚动事件.
在UITableView中每个section的头部或底部,如果想设置图片,可以实现以下方法.
//在section的底部区域显示一个UIView控件
- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{
return expression;
}
//在section的头部区域显示一个UIView控件
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
return expression;
}
如果想监听点击某一行,可以实现以下方法:
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;
如果想设置tableView不显示分割线,可以设置以下属性
self.tableView separatorStyle = UITableViewCellSeparatorStyleNone;
UITableViewCell中的控件其实都添加到了cell中的Content View上面,在自定义控件添加时,需要调用
[cell.contentView addSubview:(nonnull UIView *)]方法,添加到cell的.contentView中去,这也是苹果官方推荐添加的一种方式.
创建自定义等高cell方式1:storyboard
- 在storyboard中放入一个UITableViewController(或者UIViewController中嵌套一个UITableView),系统会默认自带一个cell.
2.更改cell的重用标识(identfier)
3.给每个cell绑定一个tag,方便设置数据.
4.在数据源方法中设置cell的显示内容
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID=@"cell";
UITableViewCell *cell=[self.tableView dequeueReusableCellWithIdentifier:ID];
//获取模型数据
DLShop *shop = self.shops[indexPath.row];
//给cell赋值
UIImageView *iconView = (UIImageView *)[cell viewWithTag:1];
iconView.image = [UIImage imageNamed:shop.icon];
UILabel *titleLabel = (UILabel *)[cell viewWithTag:2];
titleLabel.text = shop.title;
UILabel *priceLabel = (UILabel *)[cell viewWithTag:3];
priceLabel.text = shop.price;
UILabel *buyCount = (UILabel *)[cell viewWithTag:4];
buyCount.text = shop.buyCount;
return cell;
}
storyboard中自定义cell需要用到tag,开发中会比较不方便,不推荐这种自定义方法.
创建自定义等高cell方式2:自定义cell
1.新建一个类
2.在storyboard中选中cell,修改class为类名
3.将cell中的控件拖线至新建类中
4.在新建类.h文件中包含模型类,定义一个模型属性接收模型数据
#import <UIKit/UIKit.h>
@class DLShop;
@interface DLShopCell : UITableViewCell
// 定义模型属性,接收数据
@property(nonatomic,strong) DLShop *shop;
@end
5.在新建类.m文件中,导入模型头文件,重写模型属性的set方法,设置传入的模型数据到子控件>
@implementation DLShopCell
-(void)setShop:(DLShop *)shop{
_shop = shop;
self.icon.image = [UIImage imageNamed:shop.icon];
self.title.text = shop.title;
self.price.text = [NSString stringWithFormat:@"¥%@",shop.price];
self.buyCount.text = [NSString stringWithFormat:@"%@人已购买",shop.buyCount];
}
@end
6.在控制器中实现数据源方法,设置数据
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *ID=@"cell";
// 新建一个DLShopCell类型的cell,保证创建的cell是我们自定义的
DLShopCell *cell=[self.tableView dequeueReusableCellWithIdentifier:ID];
//获取模型数据
cell.shop = self.shops[indexPath.row];
return cell;
}
自定义类名创建cell比较方便,能很好的封装cell控件,设置数据也很方便.
创建自定义等高cell方式3:xib自定义cell
1.新建一个xib文件,名称与自定义类名保持一致.
2.修改xib的class为自定义类的名称,保证创建时能够找到xib文件
3.设置xib内部cell的重用标识
4.从xib拖线至自定义类中
5.在自定义类.h文件中包含模型类,定义一个模型属性接收模型数据,同时提供一个类方法,将tableView传进去.
#import <UIKit/UIKit.h>
@class DLShop;
@interface DLShopCell : UITableViewCell
// 定义模型属性,接收数据
@property(nonatomic,strong) DLShop *shop;
// 外界传入tableView,返回DLShopCell类型的cell
+ (instancetype)cellWithTableView:(UITableView *)tableView;
@end
6.在.m文件中实现以上方法.
@implementation DLShopCell
//重写模型属性set方法设置传入模型数据到子控件
-(void)setShop:(DLShop *)shop{
_shop = shop;
self.icon.image = [UIImage imageNamed:shop.icon];
self.title.text = shop.title;
self.price.text = [NSString stringWithFormat:@"¥%@",shop.price];
self.buyCount.text = [NSString stringWithFormat:@"%@人已购买",shop.buyCount];
}
//实现cellWithTableView:将外界传入tableView查找缓存池数据,如果没有,创建并返回DLShopCell类型的cell
+ (instancetype)cellWithTableView:(UITableView *)tableView{
static NSString *ID = @"cell";
DLShopCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (cell == nil) {
cell = [[[NSBundle mainBundle] loadNibNamed:NSStringFromClass([DLShopCell class]) owner:nil options:nil] lastObject];
}
return cell;
}
@end
xib自定义cell完美实现了控件的封装,将控件的所有属性都包装在自己内部,推荐使用xib自定义cell,方便后期维护及使用.
懒加载
在控制器中新建数组属性保存模型数据时,一般会采用懒加载思想.步骤如下:
1.在控制器文件中定义一个数组,保存传入的模型数据.
@interface TestTableViewController ()
// 用来保存传入的模型数据
@property(nonatomic,strong) NSArray *shops;
@end
2.重写属性的get方法,用到时再调用该属性,以实现懒加载.
- (NSArray *)shops{
if (_shops == nil) {
NSString *path = [[NSBundle mainBundle] pathForResource:@"shops.plist" ofType:nil];
//取出字典数据转为数组
NSArray *dictArr = [NSArray arrayWithContentsOfFile:path];
//创建一个空的可变数组接收模型数据
NSMutableArray *dealArrM = [NSMutableArray array];
//遍历数组取出字典数据
for (NSDictionary *dict in dictArr) {
//定义模型接收字典数据
DLShop *shop = [DLShop shopWithDict:dict];
//将数据添加到模型
[dealArrM addObject:shop];
}//传递模型到成员变量中
_shops = dealArrM;
}
return _shops;
}
设置tableview有值时才显示分割线
- (void)viewDidLoad{
[super ViewDidLoad];
//设置tableview有值时才显示分割线
self.tableView.tableFooterView = [UIView alloc] init];
}
