Biết cách làm thế nào để làm cho đường chấm hoặc đứt nét là rất quan trọng. Bạn có thể phát triển một trang mà bạn yêu cầu người dùng nhập các trường, ở đó bạn có thể trình bày tương tự với đường chấm. Đường chấm chấm cũng có thể được sử dụng để đánh dấu những thứ nhất định trong ứng dụng.
Việc sử dụng quan trọng nhất là trong ứng dụng điều hướng. Trong khi thiết kế ứng dụng điều hướng, bạn phải biết cách vẽ đường dẫn và bạn có thể kết thúc bằng cách sử dụng các đường chấm.
Hãy để chúng tôi xem cách chúng tôi có thể đạt được chức năng này trong iOS.
Bước 1 - Mở Xcode → Dự án mới → Ứng dụng một lần xem → Đặt tên là “DottedLine”
Bước 2 - Trong Main.storyboard, thêm một UIView như được hiển thị, tạo @IBOutlet và đặt tên là dottedView.
Bước 3 - Thêm mã sau vào ViewController.swift của bạn, thêm phần mở rộng bên dưới.
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)
}
} Bước 4 - Từ phương thức viewDidLoad gọi hàm tương tự trên đối tượng dottedView như hình dưới đây
override func viewDidLoad() {
super.viewDidLoad()
self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
} Nếu bạn nhận thấy chúng tôi đang chuyển chiều rộng và màu sắc của đường chấm, bạn có thể tùy chỉnh theo cách bạn muốn để có đường chấm.
Bước 5 - Chạy để xem hiệu quả.
