30.表视图(UITableView)和界面传值

1.表视图的基本概念和用法

1. UITableView继承自UIScrollView,所以可以滚动,它的每一条数据都是显示在UITableViewCell对象中,而且可以分区显示数据,每个分区称为一个section,每一行称为row,编号都是从0开始
2. 我们需要给tableView指定一个数据源,它负责给tableView提供数据 需要实现协议中两个必须实现的方法
   
   • (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
   • (UITableViewCell )tableView:(UITableView )tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;
3. 重要属性:分割线样式separatorStyle,分割线颜色separatorColor,行高rowHeight,设置图片imageView,设置文本textLabel,指定选中效果selectionStyle,指定辅助效果样式accessoryType
4. 重用原理：当滚动列表时，部分UITableViewCell会移出窗口，UITableView会将窗口外的UITableViewCell放入一个对象池中，等待重用。当UITableView要求dataSource返回UITableViewCell时，dataSource会先查看这个对象池，如果池中有未使用的UITableViewCell，dataSource会用新的数据配置这个UITableViewCell，然后返回给UITableView，重新显示到窗口中，从而避免创建新对象, 多种UITableViewCell通过一个字符串标识区别
5. UITableView靠mutableSet来实现重用功能,出屏幕的cell会被添加到mutableSet中,进入屏幕的cell,先从set中获取,如果获取不到,才创建一个cell,在cell显⽰示之前,给cell赋上相应的内容,cell的reuseIdentifier是重用的关键。
6. tableView默认是一个分区,可以设置多个分区,tableView的plain、group样式决定分区的样式不同
   
   • (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;//分区数
   • (NSString )tableView:(UITableView )tableView titleForHeaderInSection:(NSInteger)section;//分区头标题
7. 由datasource提供要显⽰示的数据,delegate提供辅助设置。NSIndexPath类方法带有两个参数row和section)
   +(NSIndexPath *)indexPathForRow:(NSUInteger)row inSection:(NSUInteger)section
   
   • (NSArray )sectionIndexTitlesForTableView:(UITableView )tableView; //右侧竖排索引

2.简单的应用

MainViewController.m文件

#import "MainViewController.h"
#import "SecondViewController.h"

@interface MainViewController ()<UITableViewDelegate,UITableViewDataSource,SecondViewControllerDelegate>
@property(nonatomic,retain)UITableView *tableView;
@property(nonatomic,retain)NSMutableArray *arr;
@property(nonatomic,retain)UIImageView *imageView;
@property(nonatomic,retain)NSIndexPath *indexPath;
@end

@implementation MainViewController
- (void)dealloc
{
    [_tableView release];
    [_indexPath release];
    [_imageView release];
    [super dealloc];
}
- (instancetype)init
{
    self = [super init];
    if (self) {
        self.arr = self.arr = [NSMutableArray arrayWithObjects:@"宋江", @"卢俊义", @"吴用", @"公孙胜", @"关胜", @"林冲", @"秦明" ,@"呼延灼" , @"花容",@"柴进", @"李应", @"朱仝",@"鲁智深",@"武松",nil];
    }
    return self;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.navigationController.navigationBar.translucent = NO;
    self.title = @"界面传值";
    self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, 375, 603) style:UITableViewStylePlain];
    self.tableView.rowHeight = 80;
    self.tableView.separatorColor = [UIColor cyanColor];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    [self.view addSubview:self.tableView];
    [_tableView release];
    self.imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"bg8.jpg"]];
    //下面两句是实现的是把图片加载到tableView中的内容部分(左上角的广告)
    //self.imageView.frame = CGRectMake(0, 0, 150, 150);
    //[self.tableView addSubview:self.imageView];

    //给tableView的头部添加视图,imageView宽度是tableview的宽度
    //self.imageView.frame = CGRectMake(0, 0, 0, 200);
    //self.tableView.tableHeaderView = self.imageView;

    //下面两句是实现下拉刷新的效果
    self.tableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);
    self.imageView.frame = CGRectMake(0, -200, 375, 200);

    [self.tableView addSubview:self.imageView];
    [_imageView release];
}

#pragma mark dataSource  //先section后row
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 2;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.arr.count;
}
//cell显示结束后,会把cell方法重用池中,等要由新的cell显示的时候再来池中取,如果没有就重新创建一个新的cell,节约内存
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    //1.定义一个循环标识符
    //static修饰的局部变量:可以保证局部变量只被分配一次存储空间(即只初始化一次),如果没有初始值,默认是0
    static NSString *ID = @"myCell";
    //2.通过一个标识去缓存池(重用池)中寻找可循环利用(重用)的cell
    //dequeue : 出列(查找)
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    //3.如果没有可循环利用的cell就创建一个新的cell,如果有cell就保存一个有效的地址,反之cell的地址就为nill
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
    //4.给新的cell设置新的数据,cell里默认的三个控件
    cell.imageView.image = [UIImage imageNamed:@"bg8.jpg"];
    cell.textLabel.text = self.arr[indexPath.row];
    cell.detailTextLabel.text = [NSString stringWithFormat:@"好友%ld",indexPath.row];

    //5.cell后面的一些附加按钮
    UIView *view = [[UIView alloc] init];
    view.backgroundColor = [UIColor clearColor];
    cell.backgroundView = view;//-->selectedBackgroundView
    cell.accessoryView = [[UISwitch alloc] init]; //accessory:配件;附件;
    cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

    return cell;
}
//头部标题
- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
    return [NSString stringWithFormat:@"第%ld组",section];
}
//右边的索引条
-(NSArray *)sectionIndexTitlesForTableView:(UITableView *)tableView{
    return [NSArray arrayWithObjects:@"1",@"3", nil];
}

#pragma mark delegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    SecondViewController *secondVC = [[SecondViewController alloc] init];
    secondVC.name = self.arr[indexPath.row];
    secondVC.delegate = self;
    //点击之后推出下一页
    self.indexPath = [NSIndexPath indexPathForRow:indexPath.row inSection:indexPath.section];
    [self.navigationController pushViewController:secondVC animated:YES];
    [secondVC release];
}
- (void)changeName:(NSString *)name{
    //通过后面传值后来后在最后面添加一栏
    //[self.arr addObject:name];
    //[self.tableView reloadData];

    //通过后面传值回来更新当栏
    self.arr[self.indexPath.row] = name;
    [self.tableView reloadRowsAtIndexPaths:@[self.indexPath] withRowAnimation:YES];
}

//只要该类自己已经签订了父类的协议,我们就可以不在签订了
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //获取偏移量,使下拉的时候上面的图片跟着渐渐变大,以后还可以添加刷新
    CGFloat y = scrollView.contentOffset.y;
    if (y < 0) {
        self.imageView.frame = CGRectMake(0, y, 375, -y);
    }
    NSLog(@"滑动开始%g",y);
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSLog(@"滑动结束");//自己减速滑动结束的时候调用
}

SecondViewController文件

#import <UIKit/UIKit.h>
@protocol SecondViewControllerDelegate <NSObject>
- (void)changeName:(NSString *)name;
@end

@interface SecondViewController : UIViewController
@property(nonatomic,copy)NSString *name;
@property(nonatomic,assign)id<SecondViewControllerDelegate>delegate;
@end

#import "SecondViewController.h"
@interface SecondViewController ()
@end

@implementation SecondViewController
- (void)dealloc
{
    [_name release];
    [super dealloc];
}
- (void)viewDidLoad {
    [super viewDidLoad];
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(120, 50, 100, 40)];
    label.text = self.name;
    label.backgroundColor = [UIColor greenColor];
    [self.view addSubview:label];
    [label release];

    UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
    button.frame = CGRectMake(120, 100, 100, 40);
    button.backgroundColor = [UIColor redColor];
    [button setTitle:@"返回" forState:UIControlStateNormal];
    [self.view addSubview:button];
    [button addTarget:self action:@selector(backAction:) forControlEvents:UIControlEventTouchUpInside];

    UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(120, 200, 100, 40)];
    textField.backgroundColor = [UIColor cyanColor];
    [self.view addSubview:textField];
    textField.tag = 100;
    [textField release];
}
- (void)backAction:(UIButton *)button{
    UITextField *textField = (UITextField *)[self.view viewWithTag:100];
    [self.navigationController popViewControllerAnimated:YES];
    [self.delegate changeName:textField.text];
}

3.简单截图如下

1. 运行后出现如下这张图片
   
2. 点击宋江跳转到SecondViewController页面,并在文本框中输入songjiang,之后在点击返回
   
3. 返回后原来的宋江变为了songjiang,并且后面的辅助开关也关闭了