如何在iOS App中使用Swift顯示圓角影像?


要在Swift中建立圓角影像或使任何檢視、按鈕或任何UI元素具有圓角,我們需要訪問其圖層的角半徑屬性。iOS中的每個UI元素都基於一個圖層。

首先,讓我們在故事板中新增一個UIImageView物件。或者讓我們以程式設計方式建立一個。

下面是一個函式,它將以程式設計方式建立一個影像檢視並向其中新增影像。

func addImage(imageName img: String) {
   let imageView = UIImageView()
   imageView.frame = CGRect(x: 10, y: 20, width: 200, height: 200)
   imageView.contentMode = . scaleAspectFill
   if let newImage = UIImage(named: img) {
      imageView.image = newImage
   }
   self.view.addSubview(imageView)
}

假設我們要新增到應用程式中的原始影像是:

在我們的viewDidLoad中,讓我們呼叫下面的程式碼將此影像新增到我們的應用程式。

以下是沒有任何角屬性更改時的外觀。

現在,讓我們將角半徑屬性新增到我們現有的程式碼中,看看它的外觀。

imageView.layer.cornerRadius = 10
imageView.clipsToBounds = true

在addImage函式中,在addSubview方法上方新增這兩行程式碼。執行應用程式後,它現在看起來是這樣的:

我們還可以建立UIImageView的擴充套件並使用如下所示的相同方法,這同樣會產生相同的結果。

extension UIImageView {
   func makeRoundCorners(byRadius rad: CGFloat) {
      self.layer.cornerRadius = rad
      self.clipsToBounds = true
   }
}


imageView.makeRoundCorners(byRadius: 20)

更新於:2020年6月30日

3000+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.