ในโพสต์นี้ เราจะเรียนรู้วิธีเพิ่มเส้นขอบบนและล่างเพื่อดู
ในตัวอย่างนี้ เราจะใช้มุมมองตัวอย่างและเพิ่มเส้นขอบให้
ขั้นตอนที่ 1 − เปิด Xcode → โครงการใหม่ → แอปพลิเคชั่นมุมมองเดียว → ตั้งชื่อมันว่า "AddBorderTopAndBottom"
ขั้นตอนที่ 2 − เปิด Main.storyboard เพิ่ม UIView ตามที่แสดงด้านล่าง
ขั้นตอนที่ 3 − เพิ่ม @IBOutlet หนึ่งรายการสำหรับมุมมอง ตั้งชื่อเป็น centerView
ขั้นตอนที่ 4 − เราจะเขียนวิธีการแยกเพื่อเพิ่มเส้นขอบให้กับมุมมองนี้ ในการเพิ่มเส้นขอบให้กับมุมมองนี้ เราจะสร้างสองชั้นที่มีความหนาตามต้องการ เราจะตั้งค่าเฟรมของเลเยอร์ทั้งสองนี้ไว้ที่ด้านบนและด้านล่างของมุมมอง เราจะกำหนดสีพื้นหลังที่ต้องการของเส้นขอบบนเลเยอร์เหล่านี้ และเพิ่มเลเยอร์เหล่านี้เป็นเลเยอร์ย่อยในมุมมอง
ดังนั้นให้สร้างฟังก์ชัน addTopAndBottomBorders และเพิ่มบรรทัดต่อไปนี้
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)
} อย่างที่คุณเห็น เราได้กำหนดความหนา กรอบและสีที่เหมาะสมสำหรับเลเยอร์และเพิ่มเป็นเลเยอร์ย่อย
ขั้นตอนที่ 5 − เรียกเมธอด addTopAndBottomBorders ใน viewDidAppear ของคลาส ViewController
override func viewDidAppear(_ animated: Bool) {
addTopAndBottomBorders()
} ขั้นตอนที่ 6 − เรียกใช้โครงการ คุณควรจะเห็นขอบด้านบนและด้านล่างของมุมมองตรงกลาง
