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