การรู้วิธีสร้างเส้นประหรือเส้นประนั้นสำคัญมาก คุณอาจพัฒนาเพจที่คุณขอให้ผู้ใช้ป้อนฟิลด์ ซึ่งคุณสามารถแทนด้วยเส้นประได้ เส้นประยังใช้เพื่อเน้นบางสิ่งในแอปพลิเคชันได้อีกด้วย
การใช้งานที่สำคัญที่สุดอยู่ในแอปพลิเคชันการนำทาง ขณะออกแบบแอปพลิเคชันการนำทาง คุณต้องรู้วิธีวาดเส้นทาง และคุณอาจใช้เส้นประได้
มาดูกันว่าเราจะใช้ฟังก์ชันนี้ใน iOS ได้อย่างไร
ขั้นตอนที่ 1 − เปิด Xcode → โครงการใหม่ → แอปพลิเคชั่นมุมมองเดียว → ตั้งชื่อมันว่า "DottedLine"
ขั้นตอนที่ 2 − ใน Main.storyboard เพิ่ม UIView ตามที่แสดง สร้าง @IBOutlet แล้วตั้งชื่อว่า dottedView
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน ViewController.swift ของคุณ เพิ่มส่วนขยายด้านล่าง
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 ให้เรียกใช้ฟังก์ชันเดียวกันกับวัตถุ dottedView ดังที่แสดงด้านล่าง
override func viewDidLoad() {
super.viewDidLoad()
self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
} หากคุณสังเกตเห็นว่าเรากำลังส่งผ่านความกว้างและสีของเส้นประ คุณสามารถปรับแต่งวิธีที่คุณต้องการให้มีเส้นประได้
ขั้นตอนที่ 5 - วิ่งเพื่อดูเอฟเฟกต์
