IOS UI 第十篇: UITABLEVIEW
uitableView review yesterday’s knowledge :
![51b98580e49e1148c1b89427c0fbe0e8-2.jpeg 51b98580e49e1148c1b89427c0fbe0e8 2](http://images0.cnblogs.com/blog/418829/201404/131322282479792.jpg)
folding group :
--------------------------------------------------------------------------------------------------------------------------------------------------
teacher code :
-(UIView*)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
QFGroupHead *headView=[[NSBundle mainBundle]loadNibNamed:@"QFGroupHead" owner:nil options:nil][0];
[headView addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
headView.tag=section;
QFQQGroupModel *model=dataArray[section];
[headView refreshUIWithModel:model];
return headView;
}
QFGroupHead *headView=[[NSBundle mainBundle]loadNibNamed:@"QFGroupHead" owner:nil options:nil][0];
[headView addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
headView.tag=section;
QFQQGroupModel *model=dataArray[section];
[headView refreshUIWithModel:model];
return headView;
}
-(void)onHeadClicked:(UIView *)headView{
NSLog(@"onHeadClicked:%d",headView.tag);
QFQQGroupModel *model=dataArray[headView.tag];
model.isHide=!model.isHide;
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
NSLog(@"onHeadClicked:%d",headView.tag);
QFQQGroupModel *model=dataArray[headView.tag];
model.isHide=!model.isHide;
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
//在数据源中取出数据模型
QFQQGroupModel *model=dataArray[section];
if (model.isHide) {
return 0;
}
//返回数据模型中相应的数据
return model.groupMember.count;
}
//在数据源中取出数据模型
QFQQGroupModel *model=dataArray[section];
if (model.isHide) {
return 0;
}
//返回数据模型中相应的数据
return model.groupMember.count;
}
teacher ’s dataModel :
@property (nonatomic,copy) NSString *groupName;
@property int friendNum;
@property (nonatomic,strong) NSMutableArray *groupMember;
@property BOOL isHide;
@property int friendNum;
@property (nonatomic,strong) NSMutableArray *groupMember;
@property BOOL isHide;
--------------------------------------------------------------------------------------------------------------------------------------------------
My code :
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
GroupHead *groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
GroupHead *groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
-(void)onHeadClicked:(UIView *)headView{
NSNumber *number = self.model.isHiddenArray[headView.tag];
if(number.intValue == 1)
[self.model isHiddenSection:headView.tag Boolis:NO];
else
[self.model isHiddenSection:headView.tag Boolis:YES];
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
NSNumber *number = self.model.isHiddenArray[headView.tag];
if(number.intValue == 1)
[self.model isHiddenSection:headView.tag Boolis:NO];
else
[self.model isHiddenSection:headView.tag Boolis:YES];
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
NSNumber *number = self.model.isHiddenArray[section];
if(number.intValue){
return 0;
}
return [self.model.groupMemberNum[section] intValue];
}
my DataModel :
@property (nonatomic, strong) NSMutableArray *groupName;
@property (nonatomic, strong) NSMutableArray *dataArray;
@property (nonatomic, strong) NSMutableArray *groupMemberNum;
@property (nonatomic, strong) NSMutableArray *isHiddenArray;
@property int groupNum;
-(void)begin;
-(void)isHiddenSection:(NSInteger)section Boolis:(BOOL)isbool;
@end
@property (nonatomic, strong) NSMutableArray *dataArray;
@property (nonatomic, strong) NSMutableArray *groupMemberNum;
@property (nonatomic, strong) NSMutableArray *isHiddenArray;
@property int groupNum;
-(void)begin;
-(void)isHiddenSection:(NSInteger)section Boolis:(BOOL)isbool;
@end
DataModel implement :
-(void)begin{
_dataArray = [NSMutableArray array];
_groupName = [NSMutableArray array];
_groupMemberNum = [NSMutableArray array];
_isHiddenArray = [NSMutableArray array];
_groupNum = 10;
for (int i=0; i<10; ++i) {
NSMutableArray *groupArray = [NSMutableArray array];
NSString *groupstr = [NSString stringWithFormat:@"Group %d", i];
[_groupName addObject:groupstr];
int num = arc4random()%10+1;
NSNumber *nsNum = [[NSNumber alloc] initWithBool:NO];
[_isHiddenArray addObject:nsNum];
[_groupMemberNum addObject:[NSString stringWithFormat:@"%d", num]];
for (int j=0; j<num; ++j) {
NSString *str = [NSString stringWithFormat:@"cell %d", j];
[groupArray addObject:str];
}
[_dataArray addObject:groupArray];
}
}
-(void)isHiddenSection:(NSInteger)section Boolis:(BOOL)isbool{
NSNumber *num = [[NSNumber alloc] initWithBool:isbool];
[_isHiddenArray removeObjectAtIndex:section];
[_isHiddenArray insertObject:num atIndex:section];
}
_dataArray = [NSMutableArray array];
_groupName = [NSMutableArray array];
_groupMemberNum = [NSMutableArray array];
_isHiddenArray = [NSMutableArray array];
_groupNum = 10;
for (int i=0; i<10; ++i) {
NSMutableArray *groupArray = [NSMutableArray array];
NSString *groupstr = [NSString stringWithFormat:@"Group %d", i];
[_groupName addObject:groupstr];
int num = arc4random()%10+1;
NSNumber *nsNum = [[NSNumber alloc] initWithBool:NO];
[_isHiddenArray addObject:nsNum];
[_groupMemberNum addObject:[NSString stringWithFormat:@"%d", num]];
for (int j=0; j<num; ++j) {
NSString *str = [NSString stringWithFormat:@"cell %d", j];
[groupArray addObject:str];
}
[_dataArray addObject:groupArray];
}
}
-(void)isHiddenSection:(NSInteger)section Boolis:(BOOL)isbool{
NSNumber *num = [[NSNumber alloc] initWithBool:isbool];
[_isHiddenArray removeObjectAtIndex:section];
[_isHiddenArray insertObject:num atIndex:section];
}
GroupHead :
-(void)refreshUIWithModel:(Datamodel*)model modelSection:(NSInteger)section{
groupName.text = model.groupName[section];
totalMember.text = [NSString stringWithFormat:@"TotalMember:%@", model.groupMemberNum[section]];
NSNumber *number = model.isHiddenArray[section];
if(number.intValue == 0)
hiddenStatus.text = @">";
else hiddenStatus.text = @"v";
}
groupName.text = model.groupName[section];
totalMember.text = [NSString stringWithFormat:@"TotalMember:%@", model.groupMemberNum[section]];
NSNumber *number = model.isHiddenArray[section];
if(number.intValue == 0)
hiddenStatus.text = @">";
else hiddenStatus.text = @"v";
}
--------------------------------------------------------------------------------------------------------------------------------------------------
Search Bar :
完成搜索功能的步骤
1、先实例化一个全局数组,用于储存搜索结果。
2、实例化一个UISearchBar,并设置为tableview的tableheadview。
3、用上面实例化的seachbar初始化一个搜索结果显示视图(UISearchDisplayController)
4、设置uiseachDisplayController的三个代理
//searchDC内部有一个talbview,这里设置代理就等于给它内部的tableview设置代理
searchDC.searchResultsDataSource=self;
searchDC.searchResultsDelegate=self;
//searchDC自己的代理
searchDC.delegate=self;
5、导入UISearchDisplayDelegate协议
6、实现UISearchDisplayDelegate的一个重要的代理方法
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
每当搜索栏的文字发生变化时,都会调用这个代理方法
在这个方法里面我们遍历整个数据源,找到包含搜索文字的那些,然后放进搜索结果的数组里面(注意,搜索之前要记得把搜索结果的数组先清空)
7、由于myTableView和搜索结果的tableview共用我们这个类的那些代理方法,所以要在所有的代理方法里面加入判断,以返回正确的数据。
例如:
//有多少组
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
//判断是否为searchDisplayController的结果tableview
if (tableView==searchDC.searchResultsTableView) {
return 1;
}
return totalArray.count;
}
、、、、、
8、至此,搜索功能完成。
*/
1、先实例化一个全局数组,用于储存搜索结果。
2、实例化一个UISearchBar,并设置为tableview的tableheadview。
3、用上面实例化的seachbar初始化一个搜索结果显示视图(UISearchDisplayController)
4、设置uiseachDisplayController的三个代理
//searchDC内部有一个talbview,这里设置代理就等于给它内部的tableview设置代理
searchDC.searchResultsDataSource=self;
searchDC.searchResultsDelegate=self;
//searchDC自己的代理
searchDC.delegate=self;
5、导入UISearchDisplayDelegate协议
6、实现UISearchDisplayDelegate的一个重要的代理方法
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
每当搜索栏的文字发生变化时,都会调用这个代理方法
在这个方法里面我们遍历整个数据源,找到包含搜索文字的那些,然后放进搜索结果的数组里面(注意,搜索之前要记得把搜索结果的数组先清空)
7、由于myTableView和搜索结果的tableview共用我们这个类的那些代理方法,所以要在所有的代理方法里面加入判断,以返回正确的数据。
例如:
//有多少组
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
//判断是否为searchDisplayController的结果tableview
if (tableView==searchDC.searchResultsTableView) {
return 1;
}
return totalArray.count;
}
、、、、、
8、至此,搜索功能完成。
*/
--------------------------------------------------------------------------------------------------------------------------------------------------
my Search Bar Code ::
//
// MainViewController.m
// UITableViewCellXib_01
//
// Created by YuLei on 4/11/14.
// Copyright (c) 2014 ___DuanYuLei___. All rights reserved.
//
#import "MainViewController.h"
#import "GroupHead.h"
@interface MainViewController () <UITableViewDataSource, UITableViewDelegate, UISearchDisplayDelegate]]>
@property (weak, nonatomic) IBOutlet UITableView *myTableView;
@end
@implementation MainViewController{
UISearchDisplayController *searchDisplayController;
}
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
}
return self;
}
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
_model = [[Datamodel alloc] init];
[_model begin];
self.myTableView.delegate = self;
self.myTableView.dataSource = self;
//search function
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 320, 30)];
self.myTableView.tableHeaderView = searchBar;
searchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];
searchDisplayController.searchResultsDataSource = self;
searchDisplayController.searchResultsDelegate = self;
searchDisplayController.delegate = self;
//create a colorful foot line or clear the line.
UIView *footView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 1)];
footView.backgroundColor = [UIColor clearColor];
self.myTableView.tableFooterView = footView;
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
if(tableView == searchDisplayController.searchResultsTableView)
return 0;
return 44;
}
-(void)onHeadClicked:(UIView *)headView{
NSNumber *number = self.model.isHiddenArray[headView.tag];
if(number.intValue == 1)
[self.model isHiddenSection:headView.tag Boolis:NO];
else
[self.model isHiddenSection:headView.tag Boolis:YES];
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
GroupHead *groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
if (tableView == searchDisplayController.searchResultsTableView) {
return nil;
}
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
if (tableView == searchDisplayController.searchResultsTableView) {
return self.model.searchDataArray.count;
}
NSNumber *number = self.model.isHiddenArray[section];
if(number.intValue){
return 0;
}
return [self.model.groupMemberNum[section] intValue];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
if(tableView == searchDisplayController.searchResultsTableView)
return 1;
return self.model.groupNum;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *reuseID = @"myCell";
UITableViewCell *cell = [_myTableView dequeueReusableCellWithIdentifier:reuseID];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
}
if(tableView == searchDisplayController.searchResultsTableView){
cell.textLabel.text = self.model.searchDataArray[indexPath.row];
}else{
cell.textLabel.text = self.model.dataArray[indexPath.section][indexPath.row];
}
return cell;
}
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString{
[self.model.searchDataArray removeAllObjects];
for (int i=0; i<self.model.groupNum; ++i) {
NSArray *friends = self.model.dataArray[i];
for (int j=0; j<friends.count; ++j) {
NSString *str = friends[j];
NSRange range = [str rangeOfString:searchString];
if (range.length > 0) {
[self.model.searchDataArray addObject:str];
}
}
}
return YES;
}
@end
// MainViewController.m
// UITableViewCellXib_01
//
// Created by YuLei on 4/11/14.
// Copyright (c) 2014 ___DuanYuLei___. All rights reserved.
//
#import "MainViewController.h"
#import "GroupHead.h"
@interface MainViewController () <UITableViewDataSource, UITableViewDelegate, UISearchDisplayDelegate]]>
@property (weak, nonatomic) IBOutlet UITableView *myTableView;
@end
@implementation MainViewController{
UISearchDisplayController *searchDisplayController;
}
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
}
return self;
}
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view from its nib.
_model = [[Datamodel alloc] init];
[_model begin];
self.myTableView.delegate = self;
self.myTableView.dataSource = self;
//search function
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 320, 30)];
self.myTableView.tableHeaderView = searchBar;
searchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];
searchDisplayController.searchResultsDataSource = self;
searchDisplayController.searchResultsDelegate = self;
searchDisplayController.delegate = self;
//create a colorful foot line or clear the line.
UIView *footView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 1)];
footView.backgroundColor = [UIColor clearColor];
self.myTableView.tableFooterView = footView;
}
- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
if(tableView == searchDisplayController.searchResultsTableView)
return 0;
return 44;
}
-(void)onHeadClicked:(UIView *)headView{
NSNumber *number = self.model.isHiddenArray[headView.tag];
if(number.intValue == 1)
[self.model isHiddenSection:headView.tag Boolis:NO];
else
[self.model isHiddenSection:headView.tag Boolis:YES];
[self.myTableView reloadSections:[NSIndexSet indexSetWithIndex:headView.tag] withRowAnimation:UITableViewRowAnimationNone];
}
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
GroupHead *groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
if (tableView == searchDisplayController.searchResultsTableView) {
return nil;
}
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
if (tableView == searchDisplayController.searchResultsTableView) {
return self.model.searchDataArray.count;
}
NSNumber *number = self.model.isHiddenArray[section];
if(number.intValue){
return 0;
}
return [self.model.groupMemberNum[section] intValue];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
if(tableView == searchDisplayController.searchResultsTableView)
return 1;
return self.model.groupNum;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
static NSString *reuseID = @"myCell";
UITableViewCell *cell = [_myTableView dequeueReusableCellWithIdentifier:reuseID];
if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
}
if(tableView == searchDisplayController.searchResultsTableView){
cell.textLabel.text = self.model.searchDataArray[indexPath.row];
}else{
cell.textLabel.text = self.model.dataArray[indexPath.section][indexPath.row];
}
return cell;
}
- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString{
[self.model.searchDataArray removeAllObjects];
for (int i=0; i<self.model.groupNum; ++i) {
NSArray *friends = self.model.dataArray[i];
for (int j=0; j<friends.count; ++j) {
NSString *str = friends[j];
NSRange range = [str rangeOfString:searchString];
if (range.length > 0) {
[self.model.searchDataArray addObject:str];
}
}
}
return YES;
}
@end
--------------------------------------------------------------------------------------------------------------------------------------------------
Add a groupHeader cache
define it in :
@implementation MainViewController{
UISearchDisplayController *searchDisplayController;
NSMutableDictionary *cacheHeadViewDictionary;
}
UISearchDisplayController *searchDisplayController;
NSMutableDictionary *cacheHeadViewDictionary;
}
- (void)viewDidLoad{
[super viewDidLoad];
cacheHeadViewDictionary=[NSMutableDictionary dictionary];
[super viewDidLoad];
cacheHeadViewDictionary=[NSMutableDictionary dictionary];
use it as function <tableView:viewForHeaderInSection>
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
if (tableView == searchDisplayController.searchResultsTableView) {
return nil;
}
GroupHead *groupHead = cacheHeadViewDictionary[[NSString stringWithFormat:@"%d", section]];
if (groupHead == nil) {
groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
groupHead.backgroundColor=[UIColor colorWithRed:(CGFloat)random()/RAND_MAX green:(CGFloat)random()/RAND_MAX blue:(CGFloat)random()/RAND_MAX alpha:1];
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[cacheHeadViewDictionary setObject:groupHead forKey:[NSString stringWithFormat:@"%d",section]];
}
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
if (tableView == searchDisplayController.searchResultsTableView) {
return nil;
}
GroupHead *groupHead = cacheHeadViewDictionary[[NSString stringWithFormat:@"%d", section]];
if (groupHead == nil) {
groupHead = [[NSBundle mainBundle] loadNibNamed:@"GroupHead" owner:nil options:nil][0];
groupHead.backgroundColor=[UIColor colorWithRed:(CGFloat)random()/RAND_MAX green:(CGFloat)random()/RAND_MAX blue:(CGFloat)random()/RAND_MAX alpha:1];
[groupHead addTarget:self action:@selector(onHeadClicked:) forControlEvents:UIControlEventTouchUpInside];
groupHead.tag = section;
[cacheHeadViewDictionary setObject:groupHead forKey:[NSString stringWithFormat:@"%d",section]];
}
[groupHead refreshUIWithModel:self.model modelSection:section];
return groupHead;
}
--------------------------------------------------------------------------------------------------------------------------------------------------