如何在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 - 執行專案,你應該能夠看到中心檢視的頂部和底部邊框。

更新於:2019年9月11日

5000+ 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

開始學習
廣告