วิธีสร้างเส้นประ (Dotted/Dashed Line) ใน iOS

เส้นประสำคัญใน UI เช่น ฟอร์มกรอกข้อมูล แอปนำทาง

ขั้นตอนที่ 1: สร้างโปรเจกต์

Xcode → New Project → Single View Application → ชื่อ "DottedLine"

ขั้นตอนที่ 2: เพิ่ม UIView และ Outlet

Main.storyboard: เพิ่ม UIView @IBOutlet ชื่อ dottedView

ขั้นตอนที่ 3: สร้าง Extension UIView

extension UIView {
    func createDottedLine(width: CGFloat, color: CGColor) {
        let caShapeLayer = CAShapeLayer()
        caShapeLayer.strokeColor = color
        caShapeLayer.lineWidth = width
        caShapeLayer.lineDashPattern = [2,3]
        let cgPath = CGMutablePath()
        let cgPoint = [CGPoint(x: 0, y: 0), CGPoint(x: self.frame.width, y: 0)]
        cgPath.addLines(between: cgPoint)
        caShapeLayer.path = cgPath
        layer.addSublayer(caShapeLayer)
    }
}

ขั้นตอนที่ 4: เรียกใช้ใน viewDidLoad

override func viewDidLoad() {
    super.viewDidLoad()
    self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
}

ปรับ Width และ Color ได้ตามต้องการ

ขั้นตอนที่ 5: รันดูผล