可任意自定义的UITableViewCell

转载 2012年03月22日 01:37:17

UITableView的强大更多程度上来自于可以任意自定义UITableViewCell单元格。通常,UITableView中的Cell是动态的,在使用过程中,会创建一个Cell池,根据每个cell的高度(即tableView:heightForRowAtIndexPath:返回值),以及屏幕高度计算屏幕中可显示几个cell。而进行自定义TableViewCell无非是采用代码实现或采用IB编辑nib文件来实现两种方式,本文主要收集代码的方式实现各种cell自定义。

如何动态调整Cell高度

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
 
    static NSString *CellIdentifier = @"Cell";
 
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease];
        UILabel *label = [[UILabel alloc] initWithFrame:CGRectZero];
        label.tag = 1;
        label.lineBreakMode = UILineBreakModeWordWrap;
        label.highlightedTextColor = [UIColor whiteColor];
        label.numberOfLines = 0;
        label.opaque = NO; // 选中Opaque表示视图后面的任何内容都不应该绘制
        label.backgroundColor = [UIColor clearColor];
        [cell.contentView addSubview:label];
        [label release];
    }
 
    UILabel *label = (UILabel *)[cell viewWithTag:1];
    NSString *text;
    text = [textArray objectAtIndex:indexPath.row];
    CGRect cellFrame = [cell frame];
    cellFrame.origin = CGPointMake(0, 0);
 
    label.text = text;
    CGRect rect = CGRectInset(cellFrame, 2, 2);
    label.frame = rect;
    [label sizeToFit];
    if (label.frame.size.height > 46) {
        cellFrame.size.height = 50 + label.frame.size.height - 46;
    }
    else {
        cellFrame.size.height = 50;
    }
    [cell setFrame:cellFrame];
 
    return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [self tableView:tableView cellForRowAtIndexPath:indexPath];
    return cell.frame.size.height;
}

如何用图片自定义Table Separeator分割线
一般地,利用类似[tableView setSeparatorColor:[UIColor redColor]];语句即可修改cell中间分割线的颜色。那又如何用一个图片作为分割线背景呢?可以尝试如下:
方法一:
先设置cell separatorColor为clear,然后把图片做的分割线添加到自定义的custom cell上。

方法二:
在cell里添加一个像素的imageView后将图片载入进,之后设置tableView.separatorStyle = UITableViewCellSeparatorStyleNone

自定义首行Cell与其上面导航栏间距

tableView.tableHeaderView = [[[UIView alloc] initWithFrame:CGRectMake(0,0,5,20)] autorelease];

自定义UITableViewCell的accessory样式
      默认的accessoryType属性有四种取值:UITableViewCellAccessoryNone、UITableViewCellAccessoryDisclosureIndicator、UITableViewCellAccessoryDetailDisclosureButton、UITableViewCellAccessoryCheckmark。如果想使用自定义附件按钮的其他样式,则需使用UITableView的accessoryView属性来指定。

UIButton *button;
if(isEditableOrNot) {
    UIImage *image = [UIImage imageNamed:@"delete.png"];
    button = [UIButton buttonWithType:UIButtonTypeCustom];
    CGRect frame = CGRectMake(0.0,0.0,image.size.width,image.size.height);
    button.frame = frame;
    [button setBackgroundImage:image forState:UIControlStateNormal];
    button.backgroundColor = [UIColor clearColor];
    cell.accessoryView = button;
}else{
    button = [UIButton buttonWithType:UIButtonTypeCustom];
    button.backgroundColor = [UIColor clearColor];
    cell.accessoryView = button;
}

以上代码仅仅是定义了附件按钮两种状态下的样式,问题是现在这个自定义附件按钮的事件仍不可用。即事件还无法传递到UITableViewDelegate的accessoryButtonTappedForRowWithIndexPath方法上。当我们在上述代码中在加入以下语句:
             [button addTarget:self action:@selector(btnClicked:event:) forControlEvents:UIControlEventTouchUpInside];
后,虽然可以捕捉到每个附件按钮的点击事件,但我们还无法进行区别到底是哪一行的附件按钮发生了点击动作!因为addTarget:方法最多允许传递两个参数:target和event,这两个参数都有各自的用途了(target指向事件委托对象,event指向所发生的事件)。看来只依靠Cocoa框架已经无法做到了。

      但我们还是可以利用event参数,在自定义的btnClicked方法中判断出事件发生在UITableView的哪一个cell上。因为UITableView有一个很关键的方法indexPathForRowAtPoint,可以根据触摸发生的位置,返回触摸发生在哪一个cell的indexPath。而且通过event对象,正好也可以获得每个触摸在视图中的位置。

// 检查用户点击按钮时的位置,并转发事件到对应的accessory tapped事件
- (void)btnClicked:(id)sender event:(id)event
{
     NSSet *touches = [event allTouches];
     UITouch *touch = [touches anyObject];
     CGPoint currentTouchPosition = [touch locationInView:self.tableView];
     NSIndexPath *indexPath = [self.tableView indexPathForRowAtPoint:currentTouchPosition];
     if(indexPath != nil)
     {
         [self tableView:self.tableView accessoryButtonTappedForRowWithIndexPath:indexPath];
     }
}

这样,UITableView的accessoryButtonTappedForRowWithIndexPath方法会被触发,并且获得一个indexPath参数。通过这个indexPath参数,我们即可区分到底哪一行的附件按钮发生了触摸事件。

- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath
{
    int  *idx = indexPath.row;
   //这里加入自己的逻辑
}
 
 
http://archive.cnblogs.com/a/2315630/

可任意自定义的UITableViewCell

UITableView的强大更多程度上来自于可以任意自定义UITableViewCell单元格。通常,UITableView中的Cell是动态的,在使用过程中,会创建一个Cell池,根据每个cell的...
  • wen_zong
  • wen_zong
  • 2016年04月29日 15:09
  • 60

可任意自定义的UITableViewCell

UITableView的强大更多程度上来自于可以任意自定义UITableViewCell单元格。通常,UITableView中的Cell是动态的,在使用过程中,会创建一个Cell池,根据每个cell的...
  • cctvzxxz1
  • cctvzxxz1
  • 2014年09月30日 16:18
  • 345

iOS纯代码自定义UITableViewCell及性能优化

知识准备      自定义Cell的实现方式         1. 纯代码方式:纯代码又可以通过frame和autolayout技术来实现         2.XIB方式         3.Stor...
  • vbirdbest
  • vbirdbest
  • 2016年08月25日 14:15
  • 2572

如何使用xib自定义UITableViewCell

如何使用xib自定义UITableViewCellxib文件的创建和添加控件 创建一个xib文件 xib中拖入一个tableViewCell 在将需要添加的控件拖入到cell中 创建一个继承于UITa...
  • u011462377
  • u011462377
  • 2015年09月24日 13:59
  • 1879

uitableviewcell编辑模式自定义左边的图片按钮

首先我们先看一下今天要做的一个效果图: 我们要实现编辑模式,cell向右移动,展现出删除按钮。 在网上找了好久,没找到解决方法,网上都是修改多选模式下的图片,理论其实无非就是便利底层cell,...
  • qq_29892943
  • qq_29892943
  • 2017年04月17日 14:36
  • 1326

iOS开发——纯代码界面(自定义UITableViewCell)

自定义UITableViewCell创建一个TableViewController类继承于UITableViewController,创建一个TableViewCell类继承于UITableViewC...
  • u012350430
  • u012350430
  • 2016年04月18日 18:25
  • 10415

iOS开发之自定义UITableView

在上一篇中我记录的是iOS中的UITableView的使用,不过只有很简单的在单元格中显示图片和一个标签,这一篇记录的实现一个稍微复杂一点的UITableView,单元格里面的内容由我们自定义,而不是...
  • yubo_725
  • yubo_725
  • 2016年04月08日 13:01
  • 1017

iOS开发之UI基础--纯代码自定义UItableviewcell实现一个简单的微博界面布局

纯代码自定义UItableviewcell实现一个简单的微博界面布局 一、使用纯代码自定义一个tableview的步骤 1.新建一个继承自UITableViewCell的类 2....
  • l_511
  • l_511
  • 2015年09月07日 00:11
  • 884

ios自定义类(UIView)代码生成简单的UITableViewCell

由于一个项目中有大量的UITableViewCell需要书写,样式差不多都是 文字介绍:显示内容 这样的。自己又懒得写UITableViewCell类嫌没必要;在方法tableView:cellFor...
  • f10_s
  • f10_s
  • 2014年09月30日 15:49
  • 1585

有关ios UITableViewCell自定义下划线在点击时先消失再出现的问题

最近在开发公司app时发现一个问题,在公司自定义的UITableViewCell上的下划线,在点击Cell之后,下划线会先消失再出现.由于是菜鸟ioser,对这个问题很疑惑,一度找不到原因.由于公司的...
  • loiszxy
  • loiszxy
  • 2017年01月08日 17:41
  • 412
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可任意自定义的UITableViewCell
举报原因:
原因补充:

(最多只允许输入30个字)