如何在 iOS 中為 ImageView 設定邊框?
為影像檢視設定邊框很簡單,在這篇文章中,我們將學習如何在 iOS 中為影像檢視設定邊框。
讓我們開始吧。
步驟 1 - 開啟 Xcode → 新建專案 → 單檢視應用程式 → 我們將其命名為“BorderToImage”
我們將在情節提要中建立一個影像檢視和一個按鈕,點按按鈕即可為影像檢視新增邊框。我們可以在 viewDidLoad 中執行相同的操作,但為了看出差別,我們正在這樣做。
步驟 2 - 在 Main.storyboard 中新增一個影像檢視和一個按鈕,如下所示。
步驟 3 - 為影像建立 @IBOutlet 並將其命名為 imgView,併為按鈕建立並將其命名為 btnAddBorder。
步驟 4 - 在 btnAddBorder 函式中新增以下程式碼
@IBAction func btnAddBorder(_ sender: Any) { imgView.layer.borderColor = UIColor(red: 0.5, green: 0.5, blue: 0.5, alpha: 1.0).cgColor imgView.layer.masksToBounds = true imgView.contentMode = .scaleToFill imgView.layer.borderWidth = 5 }
完成上述操作後,執行程式碼以檢視輸出。
示例
import UIKit class ViewController: UIViewController { @IBOutlet var imgView: UIImageView! override func viewDidLoad() { super.viewDidLoad() } @IBAction func btnAddBorder(_ sender: Any) { imgView.layer.borderColor = UIColor(red: 0.5, green: 0.5, blue: 0.5, alpha: 1.0).cgColor imgView.layer.masksToBounds = true imgView.contentMode = .scaleToFill imgView.layer.borderWidth = 5 } }
輸出
廣告