您的位置:首页 > 产品设计 > UI/UE

UITableView 表示图学习笔记

2015-07-12 15:35 591 查看
1. 创建一个表示图可以有两种方式,代码方式和IB方式,两种方式使用的视图控制器类都要满足UITableViewDelegate协议和UITableViewDataSource协议;

a.代码方式:
_myTable = [[UITableView alloc]initWithFrame:self.view.bounds
style:UITableViewStylePlain];
[self.view addSubview:_myTable];

_myTable.delegate =
self;//设置代理对象
_myTable.dataSource =
self;//设置数据源

//如下是用来设置表视图头部的,对于表示图风格为UITableViewStyleGrouped可忽略
UIEdgeInsets inset = _myTable.contentInset;
inset.top =
20;
[_myTable setContentInset:inset];

b.IB方式:
在viewController中放置table view完毕后在table
view的属性监视栏中修改view部分 tag项的值为非零的值,如2;

UITableView *table = (UITableView
*)[self.view
viewWithTag:2];//viewWithTag方法是UIView类的,用于获取特定tag的视图对象

2.自定义tableViewCell,也是代码和IB两种方式,这两种方式均需新建一个继承自UITableViewCell类的子类;

a.代码方式,在cell子类中重写
initWithStyle:reuseIdentifier:方法,此方法用来创建新的cell对象用的,示例如下:
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{

self = [super
initWithStyle:style reuseIdentifier:reuseIdentifier];//调用父类的方法

if (self)
{

UILabel *nameMarker = [[UILabel
alloc]initWithFrame:CGRectMake(0,
5, 70,
15)];
nameMarker.textAlignment =
NSTextAlignmentRight;
nameMarker.text =
@"Name:";
nameMarker.font = [UIFont
boldSystemFontOfSize:12];
[self.contentView
addSubview:nameMarker];

UILabel *colrMarker = [[UILabel
alloc]initWithFrame:CGRectMake(0,
26, 70,
15)];
colrMarker.textAlignment =
NSTextAlignmentRight;
colrMarker.text =
@"Color:";
colrMarker.font = [UIFont
boldSystemFontOfSize:12];
[self.contentView
addSubview:colrMarker];

_nameLabel = [[UILabel
alloc]initWithFrame:CGRectMake(80,
5, 200,
15)];
[self.contentView
addSubview:_nameLabel];

_colorLabel = [[UILabel
alloc]initWithFrame:CGRectMake(80,
25,
200, 15)];
[self.contentView
addSubview:_colorLabel];

}

return
self;
}

b.IB方式,先新建一个xib文件并在该文件中新建table view cell然后按照需要布局各种空间,记得在table view cell 的ID监视器中把类设定为自己的子类,其实可见的东西必须体现在代码上,只不过可视罢了。

3.注册table view cell类,注册后可使用特定的ID获取cell对象,有两种方法

a.[table registerClass:[newCell class] forCellReuseIdentifier:CellTableID];//newCell为自定义cell类,CellTableID为cell复用ID,特定cell类的标记;

b.
UINib *cellNib = [UINib
nibWithNibName:@"cell"
bundle:[NSBundle
mainBundle]];//获取nib对象
[table
registerNib:cellNib forCellReuseIdentifier:CellTableID];//使用nib对象注册

4.重要的协议方法
//返回指定section的行数,会被常常调用
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
//返回指定indexPath的cell对象,会被常常调用
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID forIndexPath:indexPath];//会用到的方法
//返回表示图的分区数
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
//返回指定section的头标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
//返回指定section的尾标题

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section
//返回一组索引标题,用于创建索引
- (NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView
//行被选中前调用,返回nil表示该行不可选
- (NSIndexPath *)tableView:(UITableView *)tableView willSelectRowAtIndexPath:(NSIndexPath *)indexPath
//返回指定indexPath行的高度,用于动态设定每个cell的高度用
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

5.关于section
表中的每个部分称为数据源中的分区。在分组表中,每个分组都是一个分区。在索引表中,数据的每个索引分组都是一个分区。注意:分组表中不应该使用索引。

6.创建搜索栏,当前视图控制器类实现【UISearchDisplayDelegate】协议,UITableViewDataSource协议也会用到
a.先创建UISearchDisplayController对象,UISearchDisplayController
*searchController;
UISearchBar *searchBar = [[UISearchBar alloc]initWithFrame:CGRectMake(0,
0, 320,
44)];//创建搜索条
_myTable.tableHeaderView = searchBar;//指定表示图的tableHeaderView为搜索条,tableHeaderView是始终显示在表示图上边的视图
searchController = [[UISearchDisplayController alloc]initWithSearchBar:searchBar contentsController:self];//创建对象
searchController.delegate =
self;//设置代理
searchController.searchResultsDataSource =
self;//设置搜索结果数据代理

b.搜索显示控制器自带了一个表,但是其中的单元cell由我们来提供(我们也想让搜索出来的cell跟其他的一样),在加载搜索结果前注册cell类
- (void)searchDisplayController:(UISearchDisplayController *)controller didLoadSearchResultsTableView:(UITableView *)tableView
{
[tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:cellID];
}
c.根据输入的字符串,使用特定的方式,得到搜索的结果
//这个方法会在输入字符串是自动调用
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
{
[filteredNames removeAllObjects];//清空先前的搜索结果

if(searchString.length > 0)
{
NSPredicate *predicate = [NSPredicate predicateWithBlock:^BOOL(id evaluatedObject, NSDictionary *bindings) {
NSString *name = (NSString *)evaluatedObject;
NSRange range = [name rangeOfString:searchString options:NSCaseInsensitiveSearch];

return range.location != NSNotFound;
}];

// NSPredicate *newPre = [NSPredicate predicateWithFormat:@"SELF CONTAINS[cd] %@",searchString];

for(NSString *key in _keys)
{
NSArray *matches = [_namesDict[key] filteredArrayUsingPredicate:predicate];

[filteredNames addObjectsFromArray:matches];
}
}

return
YES;
}

d. UITableViewDataSource协议中得方法需区分是哪个table view(因为搜索显示控制器自带一个表)
可使用
if(tableView ==
self.myTable) 来判断是不是当前视图控制器的表示图
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: