UITableView的強大更多程度上來自於能夠任意自定義UITableViewCell單元格。一般,UITableView中的Cell是動態的,在使用過程當中,會建立一個Cell池,根據每一個cell的高度(即tableView:heightForRowAtIndexPath:返回值),以及屏幕高度計算屏幕中可顯示幾個cell。而進行自定義TableViewCell無非是採用代碼實現或採用IB編輯nib文件來實現兩種方式,本文主要收集代碼的方式實現各類cell自定義。app
如何動態調整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上。ide
方法二:
在cell裏添加一個像素的imageView後將圖片載入進,以後設置tableView.separatorStyle = UITableViewCellSeparatorStyleNonespa
自定義首行Cell與其上面導航欄間距orm
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參數,咱們便可區分到底哪一行的附件按鈕發生了觸摸事件。get
- (void)tableView:(UITableView *)tableView accessoryButtonTappedForRowWithIndexPath:(NSIndexPath *)indexPath
{
int *idx = indexPath.row;
//這裏加入本身的邏輯
}it