如何在iPhone中自定義tableView分隔符

Question

默認情況下，uitableview中有一行分隔符。

但我想把我的自定義行作爲分隔符。

可能嗎？怎麼樣？

Answer 1

如果您要做的不僅僅是使用separatorColor更改分隔符的顏色在UITableView的財產，那麼你可以在separatorStyle屬性設置爲UITableViewCellSeparatorStyleNone，然後或者：

• 創建自定義UITableViewCell s表示包含在其中的自定義分隔符
• 創建備用UITableViewCell s表示包括您的自定義分隔

例如，如果您的表格當前顯示5行，您可以更新它以顯示9行，並且索引1,3,5,7處的行將是分隔符單元格。

請參閱Subclassing UITableViewCell在Table View Programming Guide關於如何創建自定義UITableViewCell s的更多信息。

Answer 2

我不知道這是否可以通過一些設置「自動」完成。但建議將設置行分隔符爲none，並在您的單元格的邊界實際上繪製您想要的行分隔符。

Answer 3

您添加的tableView以下代碼cellForRowAtIndexPath委託創建1px的高度的自定義圖像視圖和200像素寬度everyCell

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)]; 
lineView.backgroundColor = [UIColor blackColor]; 
[cell.contentView addSubview:lineView]; 

注意：我不知道它在性能多麼沉重。

Answer 4

更好的解決方案是使用單元格的當前寬度和高度。事情是這樣的：

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, cell.contentView.frame.size.height - 1.0, cell.contentView.frame.size.width, 1)]; 

lineView.backgroundColor = [UIColor darkGrayColor]; 
[cell.contentView addSubview:lineView]; 

Answer 5

如果您需要爲不同行不同的分隔符的顏色或您希望在該行突出了自來水，然後嘗試這個分隔符仍然可見：

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 

// We have to use the borderColor/Width as opposed to just setting the 
// backgroundColor else the view becomes transparent and disappears during 
// the cell's selected/highlighted animation 
UIView *separatorView = [[UIView alloc] initWithFrame:CGRectMake(0, 43, 1024, 1)]; 
separatorView.layer.borderColor = [UIColor redColor].CGColor; 
separatorView.layer.borderWidth = 1.0; 
[cell.contentView addSubview:separatorView]; 

這裏假設你的電池的背景顏色是透明的。

---

上述解決方案出現了一些廣泛的實驗。下面是一些筆記我發現，我敢肯定，將幫助人們：

在正常的「未選中」狀態

• 的內容查看（什麼在你的XIB除非你編碼它，否則）繪製通常
• 的selectedBackgroundView是隱藏
• 的backgroundView是可見的（所以只要你的內容查看是透明的，你看到的backgroundView或者（如果你還沒有定義的backgroundView你會看到的UITableView本身）的背景顏色

被選擇的細胞，以下同-OUT立即發生的任何動畫：

• 的內容查看內所有視圖/子視圖有其的backgroundColor清除（或設置爲透明的），標籤等的文字顏色的更改爲其所選顏色
• selectedBackgroundView變爲可見（此視圖始終爲單元格的全尺寸（如果需要，可以忽略自定義框架，使用子視圖）。還要注意，由於某種原因，子視圖的backgroundColor不會顯示，或許它們像contentView一樣是透明的）。如果沒有定義selectedBackgroundView然後可可將創建/插入藍色（或灰色）梯度背景和你顯示此）
• 的backgroundView不變

當細胞被取消選定，動畫刪除突出顯示開始：

• selectedBackgroundView alpha屬性從1.0（完全不透明）動畫到0.0（完全透明）。
• 的backgroundView再次不變（使動畫看起來像selectedBackgroundView和backgroundView之間的交叉淡入淡出）
• 只有一次完成了動畫中的內容查看即可在「未選」狀態重繪其子視圖的backgroundColor的再次變得可見（這可能會導致你的動畫看起來可怕所以建議你不要在你的內容查看使用UIView.backgroundColor）

Answer 6

在視網膜上的顯示，甚至繪製0.5個單位線將導致兩個像素爲因爲反鋸齒。爲了呈現爲兩個顯示器上的單個像素，四分之一接班了單位：

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, self.contentView.frame.size.height - (1.0 - 0.25), self.contentView.frame.size.wi 
lineView.backgroundColor = [UIColor colorWithRed:(230.0/255.0f) green:(233/255.0f) blue:(237.0/255.0f) alpha:1.0f]; 
[self.contentView addSubview:lineView]; 

Answer 7

這些答案會導致亮點RECT通過分離器被覆蓋您添加到您的細胞（在iOS 6與我至少測試）。您需要設置separatorColor到[UIColor clearColor]使細胞仍然由1px的分離，那麼你就可以得出你的分隔符的差距：

- (void)viewDidLoad { 
    self.tableView.separatorColor = [UIColor clearColor]; 
} 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
    // snip 
    CALayer *separator = [CALayer layer]; 
    separator.backgroundColor = [UIColor redColor].CGColor; 
    separator.frame = CGRectMake(0, 43, self.view.frame.size.width, 1); 
    [cell.layer addSublayer:separator]; 
    return cell; 
} 

Answer 8

測試在iOS 7（GM）：

@implementation MyTableViewController 

- (void)viewDidLayoutSubviews { 
    for (UIView *view in self.view.subviews) { 
     if ([view isKindOfClass:NSClassFromString(@"_UITableViewCellSeparatorView")]) 
      view.backgroundColor = [UIColor redColor]; 
    } 
} 

@end 

注意：看起來UITableView 會將分隔符移動到某些配置中的單元格，這會導致此代碼無法工作，除非您也下載到所有UITableViewCells中。

Answer 9

下面要點中的單元格是一個UITableViewCell的子類，其中每個單元格可以有自己的分隔符/多種樣式（僅支持.None和.Default）。 它在Swift中編寫並假定使用Autolayout。

https://gist.github.com/evgeniyd/fa36b6f586a5850bca3f

如何使用類：

1. 集的UITableView對象的分離風格UITableViewCellSeparatorStyle.None

   tableView.separatorStyle = .None 
   

2. 創建MPSTableViewCell

3. 某處的一個子類中， awakeFromNib()組蜂窩狀的隔板風格

注：下面的代碼假定小區從廈門國際銀行加載/分鏡

class FASWorkoutCell: FASTableViewCell { 

    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override func awakeFromNib() { 
     super.awakeFromNib() 

     separatorType = .Default 
    } 

    // ... 

    } 

Answer 10

如果您使用自定義的UITableViewCell，你可以簡單地在的UITableViewCell的底部添加的UIView。 xib並將背景色設置爲所需的顏色。

例如，在我XIB在底部添加一個UIView並設置高度1.使用自動佈局，我設置左約束至12，底部約束爲0，右約束爲0，高度爲1

Answer 11

如果您在Swift中使用自定義單元格：另一種方法是使用可在該單元格的頂部繪製一條線的函數來擴展UITableViewCell。

import UIKit 

extension UITableViewCell { 
    func addSeparatorLineToTop(){ 
     var lineFrame = CGRectMake(0, 0, bounds.size.width, 1) 
     var line = UIView(frame: lineFrame) 
     line.backgroundColor = UIColor.myGray_300() 
     addSubview(line) 
    } 
} 

然後你就可以在awakeFromNib此行添加到任何自定義單元格，例如

override func awakeFromNib() { 
    super.awakeFromNib() 
    addSeparatorLineToTop() 
} 

該解決方案是好的，因爲它不會弄亂你的故事板，並限制你的額外代碼1號線。

Answer 12

斯威夫特版本：

private let kSeparatorTag = 123 
private let kSeparatorHeight: CGFloat = 1.5 

func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) 
{ 
    if cell.viewWithTag(kSeparatorTag) == nil //add separator only once 
    { 
     let separatorView = UIView(frame: CGRectMake(0, cell.frame.height - kSeparatorHeight, cell.frame.width, kSeparatorHeight)) 
     separatorView.tag = kSeparatorId 
     separatorView.backgroundColor = UIColor.redColor() 
     separatorView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight] 

     cell.addSubview(separatorView) 
    } 
}