因專案中經常用到各種分割線，索性封裝了一個畫線的控制元件。

特性

• 支援在xib中使用
• 支援設定線的顏色
• 支援設定線的粗細
• padding屬性
• 支援橫線和豎線
• 支援畫虛線
• 可設定虛線間隔
• 可設定虛線線段的長度

效果預覽

程式碼如下

//
//  CUILine.swift
//  JYHealth
//
//  Created by luoyang on 2017/11/30.
//  Copyright © 2017年 JY. All rights reserved.
//

import UIKit
@IBDesignable
class CUILine: UIView {
    // line
 

    @IBInspectable var lineWidth: CGFloat = 1
    @IBInspectable var lineColor: UIColor = UIColor.black
    // padding
    @IBInspectable var paddingLeft: CGFloat = 0
    @IBInspectable var paddingRight: CGFloat = 0
    @IBInspectable var paddingTop: CGFloat = 0
    @IBInspectable var paddingBottom: CGFloat =
 
 0
    // direct
    @IBInspectable var isHorizontal: Bool = true
    // dash
    @IBInspectable var isDash: Bool = false
    @IBInspectable var dashPointWidth: CGFloat = 3.0
    @IBInspectable var dashSpace: CGFloat = 1.0

    override func draw(_ rect: CGRect) {
        super.draw(rect)
        // Drawing code
 

        // 獲取上下文物件
        let context = UIGraphicsGetCurrentContext()

        var bx: CGFloat = 0, by: CGFloat = 0, ex: CGFloat = 0, ey: CGFloat = 0;
        if isHorizontal {
            bx = paddingLeft
            by = CGFloat(Int(rect.size.height)/2)
            ex = rect.size.width - paddingRight
            ey = by
        } else {
            bx = CGFloat(Int(rect.size.width)/2)
            by = paddingTop
            ex = bx
            ey = rect.size.height - paddingBottom
        }
        // 畫中間虛線
        let path    = CGMutablePath()
        let begin   = CGPoint(x: bx, y: by),
            end     = CGPoint(x: ex, y: ey)
        path.move(to: begin)
        path.addLine(to: end)
        // 2、 新增路徑到圖形上下文
        context!.addPath(path)
        // 3、 設定狀態
        context!.setLineWidth(lineWidth / UIScreen.main.scale)
        context!.setStrokeColor(lineColor.cgColor)
        if isDash {
            context!.setLineDash(phase: 0, lengths: [dashPointWidth, dashSpace])
        }
        // 4、 繪製圖像到指定圖形上下文
        context!.drawPath(using: .fillStroke)
    }

}

xib中用法

step1： 拖一個UIView到介面上
step2： 如下圖設定該UIView的class為CUILine

step3： Attributes inspector可設定線的各種屬性引數，如下圖