如何设置imageView的角半径?

问题描述 投票:57回答:10

在Objective-C这样的行

self.mainImageView.layer.cornerRadius = CGRectGetWidth(self.mainImageView.frame)/4.0f;

做它的工作,我在Swift中尝试使用类比

self.mainImageView.layer.cornerRadius = CGRectGetWidth(self.mainImageView.frame)/4.0

并且它不会改变任何东西,角落和以前一样。而且,Xcode没有显示任何语法错误。 Swift是否支持任何其他方式来实现这一目标?我在这里检查了一些其他线程,通常它是以上面显示的方式在Swift中完成的。

ios swift uiimageview cornerradius
10个回答
145
投票

图层从剪辑区域中抽出,您需要将其设置为蒙版到边界:

self.mainImageView.layer.masksToBounds = true

来自docs

默认情况下,圆角半径不适用于图层内容属性中的图像;它仅适用于图层的背景颜色和边框。但是,将masksToBounds属性设置为true会导致内容被裁剪为圆角


-1
投票

在Swift中试试这个:

self.photoView.layer.cornerRadius = self.photoView.frame.height/2

27
投票

Swift 3.0和Xcode8有一个很小的区别

每当你想要将角半径应用于UIView时,请确保在调用yourUIView.layoutIfNeeded()之前调用cornerRadius

否则,它将返回UIView的高度和宽度(1000.0)的默认值,这可能会使您的View消失。

始终确保在设置任何图层属性之前应用所有更改UIView(接口构建器约束等)大小的效果。

UIView类实现的示例

class BadgeView: UIView {

  override func awakeFromNib() {

    self.layoutIfNeeded()
    layer.cornerRadius = self.frame.height / 2.0
    layer.masksToBounds = true

   }
 }

14
投票

试试这个

self.mainImageView.layer.cornerRadius = CGRectGetWidth(self.mainImageView.frame)/4.0
self.mainImageView.clipsToBounds = true

13
投票

您可以定义提供“用户定义的运行时属性”的任何视图的边界半径,提供字符串类型的关键路径“layer.cornerRadius”,然后是您需要的半径值;)请参见下面的附图:

Result in emulator


5
投票

在swift 3中'CGRectGetWidth'已被属性'CGRect.width'取代

    view.layer.cornerRadius = view.frame.width/4.0
    view.clipsToBounds = true

5
投票

在swift中用@IBInspectable标记(或在Objective-C中用IBInspectable标记),它们可以在Interface Builder的属性检查器面板中轻松编辑。 您可以在属性检查器中直接设置borderWidth,cornerRadius,borderColor

extension UIView {

  @IBInspectable var cornerRadius: CGFloat {

   get{
        return layer.cornerRadius
    }
    set {
        layer.cornerRadius = newValue
        layer.masksToBounds = newValue > 0
    }
  }

  @IBInspectable var borderWidth: CGFloat {
    get {
        return layer.borderWidth
    }
    set {
        layer.borderWidth = newValue
    }
  }

  @IBInspectable var borderColor: UIColor? {
    get {
        return UIColor(cgColor: layer.borderColor!)
    }
    set {
        layer.borderColor = borderColor?.cgColor
    }
  }
}

enter image description here


5
投票

Swift 3,Xcode 8,iOS 10

DispatchQueue.main.async {
  self.mainImageView.layer.cornerRadius = self.mainImageView.bounds.size.width / 2.0
  self.mainImageView.clipsToBounds = true
}

3
投票

最简单的方法是创建一个UIImageView子类(我已经尝试过了,它在iPhone 7和XCode 8上完美运行):

class CIRoundedImageView: UIImageView {

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func awakeFromNib() {

        self.layoutIfNeeded()
        layer.cornerRadius = self.frame.height / 2.0
        layer.masksToBounds = true
    }
}

然后你也可以设置一个边框:

imageView.layer.borderWidth = 2.0

imageView.layer.borderColor = UIColor.blackColor().CGColor

3
投票

我创建了一个UIView扩展,允许圆形特定角落:

import UIKit

enum RoundType {
    case top
    case none
    case bottom
    case both
}

extension UIView {

    func round(with type: RoundType, radius: CGFloat = 3.0) {
        var corners: UIRectCorner

        switch type {
        case .top:
            corners = [.topLeft, .topRight]
        case .none:
            corners = []
        case .bottom:
            corners = [.bottomLeft, .bottomRight]
        case .both:
            corners = [.allCorners]
        }

        DispatchQueue.main.async {
            let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
            let mask = CAShapeLayer()
            mask.path = path.cgPath
            self.layer.mask = mask
        }
    }

}
© www.soinside.com 2019 - 2024. All rights reserved.