快捷導(dǎo)航

iOS中tableView cell分割線的一些設(shè)置技巧

更新時間：2017年05月04日 11:15:39 作者：鶴鳴

在項目開發(fā)中我們會常常遇到tableView 的cell分割線顯示不全，左邊會空出一截像素，更有甚者想改變系統(tǒng)的分割線，下面通過這篇文章來一起學(xué)習(xí)學(xué)習(xí)在iOS中tableView cell分割線的一些設(shè)置技巧，需要的朋友可以參考借鑒，下面來一起看看吧。

前言

對于iOS的tableView的cell的分割線，一般我們很少使用不是系統(tǒng)默認(rèn)的，但是有些項目要求還是要求我們?nèi)ジ淖兎指罹€的顏色或者外形以配合整個項目的色調(diào)。這個蘋果公司早都為我們想到了。

一、關(guān)于分割線的位置。

分割線的位置就是指分割線相對于tableViewCell.如果我們要根據(jù)要求調(diào)節(jié)其位置，那么在iOS7.0版本以后，提供了一個方法如下：

if ([self.tableView respondsToSelector:@selector(setSeparatorInset:)]) {
  
  [self.tableView setSeparatorInset:UIEdgeInsetsMake(0, 45, 0, 0)];
  
 }

UIEdgeInsets 的四個參數(shù)分別是相對于cell的上、左、下、右的距離，都是CGFloat型。

二、分割線的顏色及風(fēng)格：

a、cell的分割線的顏色不是cell的屬性，它屬于tableView的separatorColor屬性。這樣我們只需要設(shè)置屬性值就可以得到所有我們想要的顏色的分割線、

[self.tableView setSeparatorColor:[UIColor clearColor]];

b、cell的風(fēng)格：它是tableView 的separatorStyle屬性，系統(tǒng)給我們提供了三種風(fēng)格在枚舉UITableViewCellSeparatorStyle中定義，分別是

typedef NS_ENUM(NSInteger, UITableViewCellSeparatorStyle) {
 UITableViewCellSeparatorStyleNone,
 UITableViewCellSeparatorStyleSingleLine,
 UITableViewCellSeparatorStyleSingleLineEtched // This separator style is only supported for grouped style table views currently
};

默認(rèn)的是UITableViewCellSeparatorStyleSingleLine.

三、tableViewCell 分割線自定義

首先要把cell自帶的分割線給去掉，使用如下兩種都行，一是把顏色設(shè)置為clearColor，二是風(fēng)格設(shè)置為UITableViewCellSeparatorStyleNone。

自定義cell分割線大致用到的兩種方法

a、把自定義的分割線當(dāng)成一個View放到cell的contentView上，一定要注意重用問題，所以這個view 要在cell初始化的時候添加上。示例代碼如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
 UITableViewCell *cell = nil;
 cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
 if (cell == nil) {
  cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
  cell.accessoryView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"huicellacce"]];
  cell.backgroundColor = [UIColor clearColor];
//  cell.selected = YES;
  UIImageView *imageViewSepE = [[UIImageView alloc]initWithFrame:CGRectMake(47, 49, 200, 1)];
  imageViewSepE.image = [UIImage imageNamed:@"godline"];
  [cell.contentView addSubview:imageViewSepE];

 }
}

b、比較復(fù)雜，用到了底層的框架，

- (void)drawRect:(CGRect)rect { 
CGContextRef context = UIGraphicsGetCurrentContext(); 
CGContextSetFillColorWithColor(context, [UIColor clearColor].CGColor); CGContextFillRect(context, rect); 

CGContextSetStrokeColorWithColor(context, [UIColorcolorWithHexString:@"ffffff"].CGColor)；
 CGContextStrokeRect(context, CGRectMake(5, -1, rect.size.width - 10, 1)); //下分割線 
CGContextSetStrokeColorWithColor(context, [UIColor colorWithHexString:@"e2e2e2"].CGColor); 
CGContextStrokeRect(context, CGRectMake(5, rect.size.height, rect.size.width - 10, 1));
 }

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: