iOS中tableView cell分割線的一些設置技巧

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

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

前言

對于iOS的tableView的cell的分割線，一般我們很少使用不是系統(tǒng)默認的，但是有些項目要求還是要求我們去改變分割線的顏色或者外形以配合整個項目的色調。這個蘋果公司早都為我們想到了。

一、關于分割線的位置。

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

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

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

二、分割線的顏色及風格：

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

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

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

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

默認的是UITableViewCellSeparatorStyleSingleLine.

三、tableViewCell 分割線自定義

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

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

a、把自定義的分割線當成一個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、比較復雜，用到了底層的框架，

- (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));
 }

總結

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

您可能感興趣的文章: