现在的位置: 首页 > 综合 > 正文

[转载][Iphone]iOS UITableView之自定义UITableView

2014年09月29日 综合 ⁄ 共 4652字 ⁄ 字号 评论关闭

[Iphone]iOS UITableView之自定义UITableViewCell:Cell高度、分割线、间距等

原创 子标题: 自定义UITableViewCell
转载信息: http://blog.csdn.net/likendsl/article/details/7550074

UITableView的强大更多程度上来自于可以任意自定义UITableViewCell单元格。

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

如何动态调整Cell高度


  1. - (UITableViewCell *)tableView :( UITableView *)tableView
    cellForRowAtIndexPath
    :( NSIndexPath*)indexPath {  
  2.    
  3.     static NSString *CellIdentifier = @"Cell";  
  4.    
  5.     UITableViewCell *cell = [tableView
    dequeueReusableCellWithIdentifier
    :CellIdentifier];  
  6.     if (cell == nil) {  
  7.         cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier]autorelease];  
  8.         UILabel *label = [[UILabel alloc] initWithFrame:CGRectZero];  
  9.         label.tag = 1;  
  10.         label.lineBreakMode = UILineBreakModeWordWrap;  
  11.         label.highlightedTextColor = [UIColor whiteColor];  
  12.         label.numberOfLines = 0;  
  13.         label.opaque = NO; //
    选中Opaque表示视图后面的任何内容都不应该绘制  
  14.         label.backgroundColor = [UIColor clearColor];  
  15.         [cell.contentView
    addSubview
    :label];  
  16.         [label release];  
  17.     }  
  18.    
  19.     UILabel *label = (UILabel *)[cell
    viewWithTag
    :1];  
  20.     NSString *text;  
  21.     text = [textArray objectAtIndex:indexPath.row];  
  22.     CGRect cellFrame = [cell
    frame
    ];  
  23.     cellFrame.origin = CGPointMake(0, 0);  
  24.    
  25.     label.text = text;  
  26.     CGRect rect = CGRectInset(cellFrame, 2, 2);  
  27.     label.frame = rect;  
  28.     [label sizeToFit];  
  29.     if (label.frame.size.height > 46) {  
  30.         cellFrame.size.height = 50 + label.frame.size.height - 46;  
  31.     }  
  32.     else {  
  33.         cellFrame.size.height = 50;  
  34.     }  
  35.     [cell setFrame:cellFrame];  
  36.    
  37.     return cell;  
  38. }  
  39.  
  40. - (CGFloat)tableView :( UITableView *)tableView
    heightForRowAtIndexPath
    :( NSIndexPath*)indexPath
     
  41. {  
  42.     UITableViewCell *cell = [self tableView:tableView
    cellForRowAtIndexPath
    :indexPath];  
  43.     return cell.frame.size.height;  
  44. }  

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

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

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

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

自定义UITableViewCell的accessory样式      默认的accessoryType属性有四种取值:UITableViewCellAccessoryNone、 UITableViewCellAccessoryDisclosureIndicator、
UITableViewCellAccessoryDetailDisclosureButton、 UITableViewCellAccessoryCheckmark。

如果想使用自定义附件按钮的其他样式,则需使用UITableView的accessoryView属性来指定。


  1. UIButton *button;  
  2. if(isEditableOrNot) {  
  3.     UIImage *image = [UIImage imageNamed:@"delete.png"];  
  4.     button = [UIButton buttonWithType:UIButtonTypeCustom];  
  5.     CGRect frame = CGRectMake(0.0,0.0,image.size.width,image.size.height);  
  6.     button.frame = frame;  
  7.     [button setBackgroundImage:image
    forState
    :UIControlStateNormal];  
  8.     button.backgroundColor = [UIColor clearColor];  
  9.     cell.accessoryView = button;  
  10. }else{  
  11.     button = [UIButton buttonWithType:UIButtonTypeCustom];  
  12.     button.backgroundColor = [UIColor clearColor];  
  13.     cell.accessoryView = button;  
  14. }  

以上代码仅仅是定义了附件按钮两种状态下的样式,问题是现在这个自定义附件按钮的事件仍不可用。

即事件还无法传递到 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对象,正好也可以获得每个触摸在视图中的位置。


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

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


  1. - (void)tableView :( UITableView *)tableView
    accessoryButtonTappedForRowWithIndexPath
    :( NSIndexPath *)indexPath
     
  2. {  
  3.     int  *idx = indexPath.row;  
  4.    //这里加入自己的逻辑  
  5. } 

抱歉!评论已关闭.