ในบทความนี้ เราจะมาเรียนรู้วิธีสร้างเส้นขอบและเงา เราจะดำเนินการในสองวิธี วิธีแรกคือเขียนโค้ดโดยตรงและอีกวิธีหนึ่งทำให้ออกแบบได้และส่วนเสริมของ UIView ซึ่งแก้ไขได้โดยตรงในกระดานเรื่องราว
มาดูวิธีเล่นกับเส้นขอบใน ios กัน −
วิธีที่ 1 − การสร้างเส้นขอบด้วยการเขียนโค้ดอย่างง่าย –
เส้นขอบเป็นคุณสมบัติของเลเยอร์ ซึ่งอยู่เหนือมุมมองที่ถูกวาด เส้นขอบมีคุณสมบัติดังต่อไปนี้ สีเส้นขอบ ความกว้างของเส้นขอบ
self.view.layer.borderColor = colorLiteral(red: 0.4392156899, green: 0.01176470611, blue: 0.1921568662, alpha: 1) self.view.layer.borderWidth = 5.0
ในการสร้างรัศมีมุมของมุมมอง เราสามารถใช้
self.view.layer.cornerRadius = 5
นี่คือผลลัพธ์ของโค้ดด้านบนเมื่อรันบนโปรแกรมจำลอง
ในการสร้างเงา เราสามารถใช้คุณสมบัติอื่นๆ เช่น shadowPath, shadowColor, shadowOffSet, shadowOpactiy และ shadowRadius
วิธีที่ 2 − การใช้ Designable เราสามารถทำให้คุณสมบัติเหล่านี้สามารถแก้ไขได้จากกระดานเรื่องราว มาดูตัวอย่างการเล่นเส้นขอบโดยใช้การออกแบบ
extension UIView {
@IBInspectable
var cornerRadius: CGFloat {
get {
return layer.cornerRadius
}
set {
layer.cornerRadius = newValue
}
}
@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
}
}
}
} การดำเนินการนี้จะสร้างการดำเนินการในตัวตรวจสอบแอตทริบิวต์ของกระดานเรื่องราวซึ่งคุณสามารถแก้ไขและเข้าถึงผลลัพธ์ได้โดยตรง ควรมีลักษณะเหมือนด้านล่าง
