如何在iOS檢視的頂部和底部新增邊框?
在這篇文章中,我們將學習如何在檢視中新增頂部和底部的邊框。
在這個例子中,我們將以一個示例檢視為例,併為其新增邊框。
步驟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 - 在ViewController類的viewDidAppear中呼叫addTopAndBottomBorders方法。
override func viewDidAppear(_ animated: Bool) { addTopAndBottomBorders() }
步驟6 - 執行專案,你應該能夠看到中心檢視的頂部和底部邊框。
廣告