TableView 的使用《1》！

首先: -- 代理 和数据源！

_tableView.delegate = self; // 管事件的
_tableView.dataSource = self; // 管数据的


  //    设置表格的cell 没有横线
 _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

无非是 系统自带的 左边的图片、2个图标！和左边的样式！

cell.imageView.image  = [UIImage imageNamed:@"1.png"];
cell.detailTextLabel.text =@“我是小标题8”；
cell.textLabel.text = @“我是小标题8”；

 // accessoryView 右边的自定义图片
UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
imgView.image = [UIImage imageNamed:@"1"];
cell.accessoryView = imgView;

基本功能.png

// accessoryType 右边的样式
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

右边的样式.png

必须实现的--数据源方法：

//  获取表格的 组数 和 行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
// 获取 cell 的具体数据！！！
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

表格分组-- 代码用双层for 循环

   // 分组数据
_dataArray = [[NSMutableArray alloc] init];
for (int i = 0; i< 10; i++) {
    
    NSMutableArray *array = [[NSMutableArray alloc] init];
    for (int j = 0; j< 20; j++) {
        
        NSString *str = [NSString stringWithFormat:@"i am 组:%d--行：%d",i,j];
        
        [array addObject:str];
    }
    
    [_dataArray addObject:array];
    
}

 #pragma mark -- 数据源

// 返回 表格 数组的分组
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
return _dataArray.count;
}

// 每组 section 的 有多少 count 行！行！行！    行！
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    //    拿到每组数据的 值
    return [[_dataArray objectAtIndex:section] count];
}

复用机制！！！

-##这个很重要。

• 首先，了解cell 的作用：它是存放相同或类似的 数据结构的！所以用cell 来显示！
• 每次加载都会调用该数据源的方法！所以，性能很重要！由于每个屏幕只能存放有限的cell ，那么，意味着当有cell 移除屏幕时，就会自动创建一个新的cell 进来！ 上面说过，cell 的功能就是存放，数据相同的数据的嘛！所以，苹果就使用了一个“复用机制”！就是把完全移出手机屏幕的cell，放在一个 缓存池子里！当cell 进屏幕时，系统就会到，缓存池子里拿到对应的cell来使用！从而就达到复用的目的了！

这个方法调用的频率相当高！（看注释！）

// 每次创建cell 的时候，调用该方法！
- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
  static NSString *cellID = @"cell";
//  如果cell 第一次加载，创建了 cell，那么下一次，就不会 alloc 开辟空间，再创建了!提高了效率！
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
  // 判断是否创建了cell，否则alloc 一个
  if (cell == nil) {
      cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
    }

    cell.imageView.image = 
    cell.textLabel.text =
    cell.textLabel.text =

  return cell    
}

自定义cell ---- 就一定要想到 contentView

• contentView 的大小 和 cell 的大小是一致的！
• 自定义时，记得在 [cell.contentView addSubview:控件];
• 记得 给控件一个 tag。

-疑惑，当我的cell 自定义时，添加了 好几个控件时，那么cell 又不一样了？

解决很简单！只需在 if (cell == nil) {} 里面添加一个 tag，即可！好！请看代码！（注意：是使用tag，解决问题的）

   - (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
      {
        static NSString *cellID = @"cell";
    
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
        if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
        
        // 自定义时，别忘了  contentView ！！！
      #pragma mark --- 如果要在cell 里添加 额外的 控件时，需要在 if (cell == nil)里添加该控件 并且添加 tag
        // contentView 的大小 和 cell 的大小 一样！！！
        // 在 cell 上添加 额外 控件
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(200, 10, 100, 30)];
      #pragma mark -- 添加 一个 标记
        label.tag = 1001;
        [cell.contentView addSubview:label];
    
        }
        #pragma mark --- 自定义cell --》 获取 tag
          UILabel *label = (UILabel*)[cell.contentView viewWithTag:1001];
      label.text = [NSString stringWithFormat:@"%ld",(long)indexPath.row];

      #pragma mark -- 使用系统的
      cell.textLabel.text = [_dataArray objectAtIndex:indexPath.row];
      cell.detailTextLabel.text = [NSString stringWithFormat:@"%ld",indexPath.row];
    
      // 图片
      cell.imageView.image = [UIImage imageNamed:@"1"];
      UIImageView *img = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
      img.image = [UIImage imageNamed:@"1"];
      cell.accessoryView = img; // 右边的图片
    
      //    cell.accessoryType = UITableViewCellAccessoryCheckmark;
    
          return cell;
      }