自定义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 }