[iOS] 점선(dash-line) 그리기

---

셀을 보면 흰색 점선이 보일 것이다. 셀 안에 점선을 그려서 넣어주고 싶어 공식 문서를 찾아봤는데 있더라.. 그래서 야무지게 이용해주었다. 특별한 내용은 없다. 문서에 예제 코드가 잘 나와있어서 가져다가 적절하게 사용해주면 된다.

한 가지 포인트는 계층 구조가 다음과 같다는 것이다.

Core Animation > CAShapeLayer > lineDashPattern

CAShapeLayer 아래에 있는 인스턴스 프로퍼티이다. CAShapeLayer 인스턴스를 만들고 lineDashPattern에 숫자 배열을 대입해주면 입맛에 맞게 점선을 그려줄 수 있다. 기본은 nil이기 때문에 일반적으로는 실선으로 보인다. 적절하게 인스턴스를 만들었으면 우리가 그리려는 view의 하위 뷰로 넣어주면 완성이다.

---

dashLineView.do {
    let lineDashPattern: [NSNumber]? = [6, 12, 18, 24]

    let shapeLayer = CAShapeLayer()
    shapeLayer.strokeColor = UIColor.white.cgColor
    shapeLayer.lineWidth = 3
    shapeLayer.lineDashPattern = lineDashPattern

    let path = CGMutablePath()
    path.addLines(between: [CGPoint(x: 0, y: 0),
                            CGPoint(x: 640, y: 0)])

    shapeLayer.path = path
    $0.layer.addSublayer(shapeLayer)
}

여기서 dashLineView는 그냥 빈 UIView 인스턴스이다. 해당 객체에 서브 레이어를 추가해주면 된다. lineDashPattern의 숫자 값은 그냥 figma에 있는 숫자 값을 그대로 넣어줬는데 뭔가 똑같이 그려지지는 않는 것 같다. 좀 더 연구가 필요하다.

그나저나 셀 디자인 계속 보다보니까 좀 별론데..? (바꾸자..🙃)