创建cell 的 3种方式和cell的一些技巧

2016-01-21 本文已影响2729人光明程辉

1、自定义cell

// 精确删除一行

 [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];  // 精确删除一行

2、怎么把tableview里cell的小对勾的颜色改成别的颜色？

  _mTableView.tintColor = [UIColor redColor];

==== 常用封装cell 的方法===

  /**
   *  通过一个继承tableViewcell来创建一个cell
   */
+ (instancetype)cellWithCustonTableViewCell:(UITableView *)tableView;


/**
 *  通过一个继承tableViewcell来创建一个cell
 */
+ (instancetype)cellWithCustonTableViewCell:(UITableView *)tableView
{
static NSString *ID = @"cell";
ODDetailCustonCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (cell == nil) {
    // 从xib中加载cell
    cell = [[[NSBundle mainBundle] loadNibNamed:@"ODDetailCustonCell" owner:nil options:nil] lastObject];
}
return cell;
}

到时，在控制器直接一行代码调用就OK了，是不是很简洁呢！

方式一系统默认的！方法（几乎不用！）

//复用前和复用后的区别？
相同点: 显示上没有区别
不同点：系统创建的cell的个数有限的
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  {
      //cell的标示符
      //  以后表格中可能有不同样式的cell, 区分样式的cell
      static NSString *cellID = @"cell";

//获取一个以前用过的cell, 现在没有用
//    相当于从后厨获取一个碗  
  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];
    if(cell == nil) //没碗可取
    {
    //参数 initWithStyle设置风格,共有4种
    //样式: Default,Value1,Value2,Subtitle
    cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID] autorelease];
    cell.tag = indexPath.row;
    count++;
}
NSLog(@"row=%d,count=%d,tag=%d",indexPath.row,count,cell.tag);
   //设置cell上显示的数据
cell.textLabel.text = [_dataArray objectAtIndex:indexPath.row];
//设置单元格右边的风格
cell.accessoryType = UITableViewCellAccessoryCheckmark;
 
return cell;
}

方式2：使用自定义创建 cell （非常常用）

同样在代理方法里写，只不过在 if (cell == nil) {XXXXXX} 方法里添加自定义的控件，并且给每个自定义的控件添加上 tag，而已。最后在：

什么时候注册cell ？

给tableView设置delegate之前注册cell，即self.tableView.delegate = self; 之前

！！！
// 注册cell ---
[self.myTableViwe registerNib:[UINib nibWithNibName:@"RecomListCell" bundle:nil] forCellReuseIdentifier:@"RecomListCell"];

if (cell == nil) {XXXXXX} 方法外用tag匹配，例如这种方式获取： UILabel * label = (UILabel *)[cell.contentView viewWithTag:1001];相当对应的控件！

这种方法是没有封装的！这里便于理解的原因：（先看完下面代码，后面会写带你封装：）

-(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];

pragma mark --- 自定义的控件 ---》并给 tag

//    在cell 上自定义添加控件
UILabel * label = [[UILabel alloc] initWithFrame:CGRectMake(200, 10, 100, 30)];
label.tag = 1001;
[cell.contentView addSubview:label];// 添加到 contentView

  //  添加自定义子标签
UILabel * label2 = [[UILabel alloc] initWithFrame:CGRectMake(200, 50, 100, 30)];
label2.tag = 1002;
[cell.contentView addSubview:label2];// 添加到 contentView
}  
//    如果需要在cell 上添加自定义的控件
//    需要在if(cell == nil) 的判断中添加所需控件
//    在判断外面  通过控件的tag 值查找到该控件,然后设置需要显示的内容即可
cell.textLabel.text = [_dataArray   objectAtIndex:indexPath.row];
cell.detailTextLabel.text = [NSString stringWithFormat:@"%ld",(long)indexPath.row];
cell.imageView.image = [UIImage imageNamed:@"002@2x.png"];

UILabel * label = (UILabel *)[cell.contentView viewWithTag:1001];
label.text = [NSString stringWithFormat:@"%d",indexPath.row];

// 子标题
 UILabel * label2 = (UILabel *)[cell.contentView viewWithTag:1002];
label2.text = @"我是子标题！";

 return cell;
}

看完了，上面的代码是不是很容易，但是代码量太多了，而且，很多都是相同的或相似的，所以，就必须，想到封装起来！（额外扩展：我们数据解析时看到有些很相似，那也是想到封装成一个类或方法！）：例如：

结构相似.png

它们是不是机构相似？---想都不用想，直接封装成一个类（数据模型），很明显，一个字典一个模型嘛！！！（一个字典里有4个属性嘛！）或封装成一个方法！

同理，我们可以把 cell 封装在一个类里面，用继承自 UITableViewCell，到时重写构造方法！

// 重写 构造方法 （套路来的！务必记住！）
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier;


  @interface TableViewCell : UITableViewCell

// 继承 UITableViewCell 并自定义 控件
@property (retain,nonatomic)UILabel * titleLabel;
@property (retain,nonatomic)UIImageView * iconImageView;
@property (retain,nonatomic)UILabel * subTitleLabel;

@end

import "TableViewCell.h"

@implementation TableViewCell

// 重写构造方法 -- 只调用一次嘛（套路来的！务必记住！）
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {

  // qq 聊天 不设置 大小
  _iconImageView = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 120, 80)];
  [self.contentView addSubview:_iconImageView];
  
  
  // 大标题
  _titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(140, 5, 200, 40)];
  _titleLabel.textColor = [UIColor redColor];
  _titleLabel.font = [UIFont boldSystemFontOfSize:20];
  [self.contentView addSubview:_titleLabel];
  
  // 子标题
  _subTitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(140, 50, 200, 40)];
  _subTitleLabel.textColor = [ UIColor yellowColor];
  [self.contentView addSubview:_subTitleLabel];

}

return self;

}

调用时

  -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
     static NSString * cellid = @"cell";

      // 是  TableViewCell 不是之前的系统的 UITableViewCell
      TableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellid];
if (cell == nil) {

        // 是  TableViewCell 不是之前的系统的 UITableViewCell
    cell = [[TableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellid];
}

cell.titleLabel.text = @"我是主标题";
cell.subTitleLabel.text = @"我是副标题";
cell.iconImageView.image = [UIImage imageNamed:@"guideHome.png"];


return cell;
}

上面的封装就可以使代码简洁！易读，分工明确！

方式 3： XIB 创建cell （较为常用！）

首先创建一个继承自 UITableViewCell 的xib 文件。
例如：

xib.png
拖动属性：

拖动.png

在控制器里注册！！

//    注册表格的cell 的NIB文件
//    告诉编译器,当前的表格的cell 使用的是那个NIB文件
//    只要是用NIB来自定义Cell的,这句话必不可少
[_myTabelView registerNib:[UINib nibWithNibName:@"MyTableViewCell" bundle:nil] forCellReuseIdentifier:@"cell"];

调用时：代码很简洁
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

static NSString * cellid = @"cell";
//  这个xib 定义的 MyTableViewCell
MyTableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:cellid];

 //这个代码可以不写
if (cell == nil) {
//这个代码可以不写
//        cell = [[NSBundle mainBundle] loadNibNamed:@"MyTableViewCell" owner:nil options:nil][0];
  }
   // 直接调用就可以啦！
  cell.titleLabel.text = [NSString stringWithFormat:@"%d",indexPath.row];
  cell.IconImageView.image = [UIImage imageNamed:@"guideHome.png"];
  cell.priceOff.text = @"200";
  cell.priceLabel.text = @"1000";
  cell.saleCountLabel.text = @"100232";
  cell.addsLabel.text = @"全国";

  return cell;

  }

创建cell 的 3种方式和cell的一些技巧

1、自定义cell

2、怎么把tableview里cell的小对勾的颜色改成别的颜色？

==== 常用封装cell 的方法===

方式一系统默认的！方法（几乎不用！）

方式2：使用自定义创建 cell （非常常用）

什么时候注册cell ？

给tableView设置delegate之前注册cell，即self.tableView.delegate = self; 之前

pragma mark --- 自定义的控件 ---》并给 tag

看完了，上面的代码是不是很容易，但是代码量太多了，而且，很多都是相同的或相似的，所以，就必须，想到封装起来！（额外扩展：我们数据解析时看到有些很相似，那也是想到封装成一个类或方法！）：例如：

import "TableViewCell.h"

调用时

方式 3： XIB 创建cell （较为常用！）

猜你喜欢

热点阅读

创建cell 的 3种方式和cell的一些技巧

1、自定义cell

2、怎么把tableview里cell的小对勾的颜色改成别的颜色？

==== 常用 封装cell 的方法===

方式一 系统默认的！方法（几乎不用！）

方式2： 使用自定义 创建 cell （非常常用）

什么时候注册cell ？

给tableView设置delegate之前注册cell，即self.tableView.delegate = self; 之前

pragma mark --- 自定义的 控件 ---》 并 给 tag

看完了，上面的代码是不是很容易，但是代码量太多了，而且，很多都是相同的或相似的，所以，就必须，想到封装起来！（额外扩展：我们数据解析时看到有些很相似，那也是想到封装成一个类 或方法！）：例如：

import "TableViewCell.h"

调用时

方式 3： XIB 创建cell （较为常用！）

猜你喜欢

热点阅读

==== 常用封装cell 的方法===

方式一系统默认的！方法（几乎不用！）

方式2：使用自定义创建 cell （非常常用）

pragma mark --- 自定义的控件 ---》并给 tag

看完了，上面的代码是不是很容易，但是代码量太多了，而且，很多都是相同的或相似的，所以，就必须，想到封装起来！（额外扩展：我们数据解析时看到有些很相似，那也是想到封装成一个类或方法！）：例如：