UITableView中cell线条的自定义表格分割线（swift OC）

最新推荐文章于 2021-07-19 09:11:40 发布

Alisck

最新推荐文章于 2021-07-19 09:11:40 发布

阅读量1.5k

点赞数 1

分类专栏： iOS 文章标签： iOS学习随笔 tableView

iOS 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

2.1通栏设置

通栏即UITableView的线条左右端间距都为0的情况，通栏的设置需要分别设置UITableView及UITableViewCell的layoutMargins属性

第一步设置UITableView

1	tableView.layoutMargins = UIEdgeInsetsZero

第二步设置UITableViewCell

1	tableViewCell.layoutMargins = UIEdgeInsetsZero

2.2线条左右等间距

左右等间距，分两种情况，一种间距大于系统默认左端间距，一种为小于系统默认左端艰巨

大于系统默认左端间距时，直接设置UITableview属性

(这个地方OC同样可以设置想要的cell线条，或者通过线条的长度吧把其隐藏)

1	tableView.separatorInset = UIEdgeInsetsMake(0, 20, 0, 20)

小于系统默认左端间距时，则多增加一个步骤：

* 按2.1先设置成通栏
* 再按上面步骤设置UITableView的separatorInset属性

2.3Group风格扁平化

UITableView的plain style默认为扁平化风格，这里介绍group style如何进行扁平化设置。添加扩展：

extension UITableView {
    
    private var FLAG_TABLE_VIEW_CELL_LINE: Int {
        get { return 977322 }
    }
    
    //自动添加线条
    func autoAddLineToCell(cell: UITableViewCell, indexPath: NSIndexPath, lineColor: UIColor) {
        
        let lineView = cell.viewWithTag(FLAG_TABLE_VIEW_CELL_LINE)
        if self.isNeedShow(indexPath) {
            if lineView == nil {
                self.addLineToCell(cell, lineColor: lineColor)
            }
        } else {
            lineView?.removeFromSuperview()
        }
        
    }
    
    private func addLineToCell(cell: UITableViewCell, lineColor: UIColor) {
        let view = UIView(frame: CGRectMake(0, 0, self.bounds.width, 0.5))
        view.tag = FLAG_TABLE_VIEW_CELL_LINE
        view.backgroundColor = lineColor
        cell.contentView.addSubview(view)
    }
    
    private func isNeedShow(indexPath: NSIndexPath) -> Bool {
        let countCell = self.countCell(indexPath.section)
        if countCell == 0 || countCell == 1 {
            return false
        }
        if indexPath.row == 0 {
            return false
        }
        return true
    }
    
    
    
    private func countCell(atSection: Int) -> Int {
        return self.numberOfRowsInSection(atSection)
    }
    
}

2.3.1代码设置

第一步，设置UITableView的separatorStyle属性

1	tableView.separatorStyle = .None

第二步，设置Cell

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier(ILTableView_Cell)
    //省略逻辑...
    
    //设置
    tableView.autoAddLineToCell(cell!, indexPath: indexPath, lineColor: UIColor.lightGrayColor())
    
    return cell!
}

2.3.2 Storyboard设置

新建自定义类，ILTableViewController

class ILTableViewController: UITableViewController {
    
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = super.tableView(tableView, cellForRowAtIndexPath: indexPath)
        
        //设置
        tableView.autoAddLineToCell(cell, indexPath: indexPath, lineColor: UIColor.lightGrayColor())
        
        return cell
    }
}