iOS开发UI篇之tableView 的用法详解

1.我们知道tableView是IOS中的高级视图，其继承与ScrollView，故我们知道他有具有ScrollView的所有功能。而且还扩展了许多。当然在这里就不一一介绍了。

2.tableView的表现格式分两种Plain和Grouped两种风格

3.tableView的两种代理类delegate和dataSource.这两种代理至关重要，我们在做tableView和这些代理是分不开的。

4.代理中比较常用的代理方法：

(1)dataSource的两个必须使用的代理

@required

//显示UITableView的Cell的个数

- ( NSInteger )tableView:( UITableView *)tableView numberOfRowsInSection:(NSInteger )section

//Cell和model的数据的交互

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

(2)delegate的常用代理方法

@ optional

//用于设定tableView的高度

- ( CGFloat )tableView:( UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

//当选中Cell时候调用的方法

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

4.一般来说这四个代理已经能够处理函数tableView没有问题了，但是有时我们在做tableView时候，tableView的第一个Cell或者最后一个Cell和其他Cell不同，所以我们有可能用到下面的两个函数

//给tableview头的Cell和Model的数据交互

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

//定义tableView的头部的高度

- ( CGFloat )tableView:( UITableView  *)tableView heightForHeaderInSection:(NSInteger )section

//给tableview尾部的Cell和Model的数据交互

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

//定义tableView的尾部的高度

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

5.还有一种方法，应为tableView的对象自带的有这两个属性

例如：

ableView的对象自带的有这两个属性的属性要注意的是他接收的对象 UIView  

//截图

self .tableView.tableFooterView

self .tableView. tableHeaderView

以上基本上就可以做出完整的tableView了。那下面我们看一看tableView的扩展吧

6.我们知道tableView继承于scrollview，但是scrollView有时候加载过多的东西时候使用内存较大，会导致手机卡死；这时候我们一般有三个方法解决，一，重用scrollView  二，使用瀑布流 三，使用横向tableView

使用横向tableView：

一下例子只是我从工程中取出来的文件，可能运行不了，但是可以借鉴其步骤

其中代理函数不会发生改变，但是其中心和Frame都要发生改变

Frame需要X与Y 宽度和长度都要反过来

横向tableView主要有几句很重要的代码

这两句话：第一句话是将tableView横向旋转，第二句话是改变tableView中心。这两句话放在tabbleView的对象定义的时候，可见下面“设置界面”代码

table.transform = CGAffineTransformMakeRotation(- M_PI / 2);table.center = CGPointMake(self.view.frame.size.width / 2 , self.view.frame.size.height / 2 + 30);

这一句话是放在Cell和Model数据交互中，其作用是将Cell也横向旋转cell.contentView.transform = CGAffineTransformMakeRotation(M_PI / 2);

//设置界面
- (void) SettingsView
{
  self.tableViewX = [[UITableView alloc] initWithFrame:CGRectMake(100, 0, HEIGHT -100, WIDTH)];
  self.tableViewX.transform = CGAffineTransformMakeRotation(- M_PI / 2);
  self.tableViewX.center = CGPointMake(WIDTH / 2 , (HEIGHT + 100) /2 + 0);
  self.tableViewX.dataSource =self;
  self.tableViewX.delegate = self;
  self.tableViewX.pagingEnabled = YES;
  self.tableViewX.showsVerticalScrollIndicator= NO;
  self.tableViewX.bounces = YES;
  [self.view addSubview:self.tableViewX];
}
//显示有几个Cell
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
  return 6;
}
//数据交互
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
  //数据
  NSArray * newpho = allNewsarray[0];
  NSArray * newarr = allNewsarray[1];
  NSDictionary * newsPhotosDic = newpho[indexPath.row];
  NSDictionary * newsdic = newarr[indexPath.row];
  NSArray * photos = [newsPhotosDic objectForKey:@"data"];
  NSString * identifier = [NSString stringWithFormat:@"Cell%lu",indexPath.row];
  YZXViewCellX * Cell = [tableView dequeueReusableCellWithIdentifier:identifier];
  if (Cell == nil)
  {
    Cell = [[YZXViewCellX alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier andArray:photos];
  }
  Cell.nowArray = [newsdic objectForKey:@"data"];
  Cell.PhotoArray = [newsPhotosDic objectForKey:@"data"];
  NSLog(@"+++++++++++++++%lu %lu",Cell.nowArray.count, Cell.PhotoArray.count);
  Cell.contentView.transform = CGAffineTransformMakeRotation(M_PI / 2);
  Cell.block = ^(YZXViewCellX * newCell, newsList * aa)
  {
    NSLog(@"详情");
    DetailedNewsController * det = [[DetailedNewsController alloc] init];
    det.New = aa;
    [self.navigationController pushViewController:det animated:YES];
  };
  return Cell;
}
//因为横向tableView代替scroll故，高度为屏幕宽度
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
  return WIDTH;
}