自定义UITableViewCell(二)

通常,UITableView中的Cell是 动态的,在使用过程中,会创建一个Cell池,根据每个cell的高度(即tableView:heightForRowAtIndexPath:返回 值),以及屏幕高度计算屏幕中可显示几个cell。动态的设定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 }  

 

 

posted @ 2013-03-28 16:53  ubersexual  阅读(368)  评论(0编辑  收藏  举报