Trong bài đăng này, chúng ta sẽ tìm hiểu cách thêm đường viền trên và dưới để xem.
Trong ví dụ này, chúng tôi sẽ lấy làm chế độ xem mẫu và thêm đường viền cho nó.
Bước 1 - Mở Xcode → Dự án mới → Ứng dụng một lần xem → Đặt tên cho nó là “AddBorderTopAndBottom”
Bước 2 - Mở Main.storyboard thêm UIView vào nó như hình dưới đây.
Bước 3 - Thêm một @IBOutlet cho chế độ xem, đặt tên là centerView.
Bước 4 - Chúng tôi sẽ viết phương pháp riêng biệt để thêm đường viền cho khung nhìn này. Để thêm đường viền cho khung nhìn này, chúng ta sẽ tạo hai lớp với độ dày mong muốn. Chúng ta sẽ đặt khung của hai lớp này lên trên và dưới cùng của khung nhìn. Chúng tôi sẽ đặt màu nền mong muốn của đường viền trên các lớp này và thêm các lớp này làm Lớp con cho chế độ xem.
Vì vậy, hãy tạo một hàm addTopAndBottomBorders và thêm các dòng sau
func addTopAndBottomBorders() {
let thickness: CGFloat = 2.0
let topBorder = CALayer()
let bottomBorder = CALayer()
topBorder.frame = CGRect(x: 0.0, y: 0.0, width: self.centerView.frame.size.width, height: thickness)
topBorder.backgroundColor = UIColor.red.cgColor
bottomBorder.frame = CGRect(x:0, y: self.centerView.frame.size.height - thickness, width: self.centerView.frame.size.width, height:thickness)
bottomBorder.backgroundColor = UIColor.red.cgColor
centerView.layer.addSublayer(topBorder)
centerView.layer.addSublayer(bottomBorder)
} Như bạn có thể thấy, chúng tôi đã đặt độ dày, khung và màu thích hợp cho các lớp và thêm chúng làm lớp con.
Bước 5 - Gọi phương thức addTopAndBottomBorders trong viewDidAppear của lớp ViewController.
override func viewDidAppear(_ animated: Bool) {
addTopAndBottomBorders()
} Bước 6 - Chạy dự án, bạn sẽ có thể nhìn thấy đường viền trên và dưới của chế độ xem trung tâm.
