【UI初级--连载八】-------------表视图（UITableView）

1、总结一：storyBoard使用步骤及注意事项（注册单元格）
2、总结二：tableView属性和方法
3、总结三：tableView常用数据源委托方法（dataSource）
4、总结四：tableView常用代理委托方法（delegate）

总结一：使用storyBoard
(注：_tableView.dataSource = self;
        _tableView.delegate = self; （在storyBoard中连线）)

1、不需要NavigationController
在storyBoard中：拖个TableView至viewController，托代理，拖DataSource

2、需要NavigationController
在storyBoard中：
（1）拖NavigationController（删掉自带的RootViewController），is（入口）
（2）连线NavigationController和viewController（Root）
（3）拖个tableView至viewController（还需托代理）
（4）在.m文件中实现代理方法
（4.1）返回单元格方法中（单元格复用）
（4.2）拖table View cell （会有Prototype cells），
此时返回单元格方法中（单元格复用
UITableViewCell *cell = [tableView
dequeueReusableCellWithIdentifier: forIndexPath: ];）
（4.2.1）(xib)中，选中cell， 设置identifier
（4.2.2）在.m文件中 viewDidLoad方法中，在注册一个单元格（UI07-06）
( //注册一个单元格
(通过类去注册）---(不建议)
    [tableView
registerClass:[UITableViewCell
class]
forCellReuseIdentifier:@"Cell"];)
（5）如果从别的ViewController弹出本视图控制器的话，弹出时需用到以下方法：

//拿到storyboard当中创建的控制器对象
      
UIStoryboard *storyboard = [UIStoryboard
storyboardWithName:@"Main"
bundle:nil];
           
       
NewsDetailViewController *detailVC = [storyboard
instantiateViewControllerWithIdentifier:@"NewsDetailVC"];
           
       
//push进入图片详情界面
        [self.navigationController
pushViewController:detailVC
animated:YES];

总结二：tableView属性和方法

【1】创建
   
UITableView *tableView = [[UITableView alloc] initWithFrame:  style: ];
  
//frame设置方法一：
  
CGRectMake(0,
20, [UIScreen
mainScreen].bounds.size.width,
[UIScreen
mainScreen].bounds.size.height
-
20)
   
   
//frame设置方法二：
    self.view.bounds
    //设置tableView的内容偏移量
  
tableView.contentInset = UIEdgeInsetsMake(20, 0, 0, 0);

【2】属性（tableView的属性）
《1》分割线
（1）分割线风格---------------------separatorStyle
（2）分割线颜色---------------------separatorColor，默认标准灰色
（3）分割线偏移量-------------------separatorInset
(上、左、下、右)
   
//注意：分割线的左侧的偏移量用这个方法不能设置
   
_tableView.separatorInset
=
UIEdgeInsetsMake(0, -100,
0,
10);
《2》 头视图------------------------tableHeaderView
            尾视图------------------------tableFooterView
   
//注意：头视图和尾视图的宽度手动设置无效，他会自动与屏幕齐宽
《3》单元格的行高
------------------rowHeight
--默认44
 
         如果需要动态地确定行高需要在代理方法中实现
《4》section头视图行高-------------sectionHeaderHeight
         section尾视图行高-------------sectionFooterHeight
《5》表示图背景---------------------backgroundView
        他有时会影响你的背景设置，此时将其设为nil;

【3】方法（tableView的方法）

《1》刷新数据------------------------- reloadData
《2》根据indexPath，返回cell实例
         ------------------------------cellForRowAtIndexPath
《3》根据显示的cell，返回cell实例的数组
         -------------------------------visibleCells
《4》根据显示的cell，返回NSIndexPath实例的数组
          ------------------------------indexPathsForVisibleRows
《5》根据组、行的下标，构建其IndexPath
         
NSIndexPath *indexpath = [NSIndexPath
indexPathForRow:2
inSection:0];
《6》使数据显示到指定位置，可以配置动画（需先构建IndexPath）
          [self.tableView scrollToRowAtIndexPath:indexpath atScrollPosition:
animated:YES];
《7》刷新组数据：---reloadSections:
withRowAnimation:
         
NSIndexSet *indexSet = [NSIndexSet
indexSetWithIndex:section];

   
    [self.tableView
reloadSections:indexSet
withRowAnimation:UITableViewRowAnimationFade];

//自适应高度
cell.textLabel.numberOfLines
=
0;

总结三：tableView常用数据源委托方法（dataSource）<凡与数据相关的>

@required
// 返回多少行

- (NSInteger)tableView:(UITableView
*)tableView numberOfRowsInSection:(NSInteger)section;
// 单元格对象

- (UITableViewCell
*)tableView:(UITableView
*)tableView cellForRowAtIndexPath:(NSIndexPath
*)indexPath;

@optional
// 返回多少组（默认为1）

- (NSInteger)numberOfSectionsInTableView:(UITableView
*)tableView;              
//组的头视图标题
- (NSString
*)tableView:(UITableView
*)tableView titleForHeaderInSection:(NSInteger)section;   
// 组的尾视图标题
- (NSString
*)tableView:(UITableView
*)tableView titleForFooterInSection:(NSInteger)section;

总结四：tableView常用代理委托方法（delegate）<凡与UI相关的>

@optional

// Variable height support
//单元格行高
- (CGFloat)tableView:(UITableView
*)tableView heightForRowAtIndexPath:(NSIndexPath
*)indexPath;
//头视图行高
- (CGFloat)tableView:(UITableView
*)tableView heightForHeaderInSection:(NSInteger)section;
//尾视图行高

- (CGFloat)tableView:(UITableView
*)tableView heightForFooterInSection:(NSInteger)section;

// 自定义头/尾视图

- (UIView
*)tableView:(UITableView
*)tableView viewForHeaderInSection:(NSInteger)section;  
- (UIView
*)tableView:(UITableView
*)tableView viewForFooterInSection:(NSInteger)section; 

// 当单元格被选中时

- (void)tableView:(UITableView
*)tableView didSelectRowAtIndexPath:(NSIndexPath
*)indexPath;

//当单元格即将出现时调用的方法
- (void)tableView:(UITableView
*)tableView willDisplayCell:(UITableViewCell
*)cell forRowAtIndexPath:(NSIndexPath
*)indexPath;
//当头视图即将出现时调用的方法
- (void)tableView:(UITableView
*)tableView willDisplayHeaderView:(UIView
*)view forSection:(NSInteger)section
NS_AVAILABLE_IOS(6_0);
//当尾视图即将出现时调用的方法
- (void)tableView:(UITableView
*)tableView willDisplayFooterView:(UIView
*)view forSection:(NSInteger)section
NS_AVAILABLE_IOS(6_0);
//当单元格即将消失时调用的方法
- (void)tableView:(UITableView
*)tableView didEndDisplayingCell:(UITableViewCell
*)cell forRowAtIndexPath:(NSIndexPath*)indexPath
NS_AVAILABLE_IOS(6_0);
//当头视图即将消失时调用的方法
- (void)tableView:(UITableView
*)tableView didEndDisplayingHeaderView:(UIView
*)view forSection:(NSInteger)section
NS_AVAILABLE_IOS(6_0);
//当尾视图即将消失时调用的方法

- (void)tableView:(UITableView
*)tableView didEndDisplayingFooterView:(UIView
*)view forSection:(NSInteger)section
NS_AVAILABLE_IOS(6_0);