ในบทความนี้ เราจะเรียนรู้วิธีเปลี่ยนสีและความหนาของเส้นขอบของ View
สามารถทำได้สองวิธีดังที่กล่าวไว้ด้านล่าง
วิธีที่ 1 − การเขียนโค้ด
สมมติว่าเรามีชื่อมุมมอง backView จากนั้นหากต้องการเพิ่มสีเส้นขอบและความหนา เราสามารถเขียนได้
backView.layer.borderWidth =5 // หรือค่าจำนวนเต็มใดๆ
backView.layer.bordercolor =colorLiteral(red:0.09019608051, green:0, blue:0.3019607961, alpha:1) โค้ดนี้จะเพิ่มขอบกว้าง 5 ด้าน และสีน้ำเงินเข้ม ด้านล่างนี้คือผลลัพธ์ที่ได้
วิธีที่ 2 - การสร้างส่วนขยายของ UIView ด้วยการออกแบบและตรวจสอบได้
@IBDesignable
class DesignableView: UIView {
}
extension UIView {
@IBInspectable
var borderWidth: CGFloat {
get {
return layer.borderWidth
}
set {
layer.borderWidth = newValue
}
}
@IBInspectable
var borderColor: UIColor? {
get {
if let color = layer.borderColor {
return UIColor(cgColor: color)
}
return nil
}
set {
if let color = newValue {
layer.borderColor = color.cgColor
}
else {
layer.borderColor = nil
}
}
}
} ด้านบนนี้จะสร้าง Storyboard ที่แก้ไขได้ ซึ่งจะแสดงผลการเปลี่ยนแปลงสดบนกระดานเรื่องราวเมื่อแก้ไขจากตัวตรวจสอบแอตทริบิวต์
ด้านล่างนี้คือผลลัพธ์สำหรับวิธีที่ 2 ที่แสดงวิธีการแสดงสดบนกระดานเรื่องราว
