如何在 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
   }
}

輸出

更新於: 30-Jul-2019

1K+ 瀏覽

開啟您的職業生涯

完成課程獲得認證

開始學習
廣告