如何正确地设置imageView中像imageContacts一样的圆形？

Question

我想展示的图片到像图像接触的ImageView（一圈），但是当我尝试证明这一点，该ImageView的重新调整他的大小和这个不转了一圈正确显示..

image.layer.borderWidth=1.0 
image.layer.masksToBounds = false 
image.layer.borderColor = UIColor.whiteColor().CGColor 
image.layer.cornerRadius = image.frame.size.height/2 
image.clipsToBounds = true 

我要显示这样的：

但我得到这个：

如何能做到图像调整到UIImageView的大小来显示像圈？

谢谢！

Answer 1

什么frame大小你用于image？如果将框架设置为正方形，我可以获得完美的圆形。

let image = UIImageView(frame: CGRectMake(0, 0, 100, 100)) 

Answer 2

这是解决方案，我在我的应用程序都使用：

var image: UIImage = UIImage(named: "imageName") 
imageView.layer.borderWidth = 1.0 
imageView.layer.masksToBounds = false 
imageView.layer.borderColor = UIColor.whiteColor().CGColor 
imageView.layer.cornerRadius = image.frame.size.width/2 
imageView.clipsToBounds = true 

雨燕4.0

let image = UIImage(named: "imageName") 
imageView.layer.borderWidth = 1.0 
imageView.layer.masksToBounds = false 
imageView.layer.borderColor = UIColor.white.cgColor 
imageView.layer.cornerRadius = image.frame.size.width/2 
imageView.clipsToBounds = true 

Answer 3

这就是你所需要的....

 profilepic = UIImageView(frame: CGRectMake(0, 0, self.view.bounds.width * 0.19 , self.view.bounds.height * 0.1)) 
     profilepic.layer.borderWidth = 1 
     profilepic.layer.masksToBounds = false 
     profilepic.layer.borderColor = UIColor.blackColor().CGColor 
     profilepic.layer.cornerRadius = profilepic.frame.height/2 
     profilepic.clipsToBounds = true 
     slider.addSubview(profilepic) 

Answer 4

我建议让你的图像文件成为一个完美的方块。这可以在几乎任何照片编辑程序中完成。之后，这应该在viewDidLoad内工作。感谢这个video

image.layer.cornerRadius = image.frame.size.width/2 
image.clipsToBounds = true 

Answer 5

快速和简单解决方案。

如何使用遮罩UIImage使用Swift无需修剪即可。

extension UIImageView { 
    public func maskCircle(anyImage: UIImage) { 
    self.contentMode = UIViewContentMode.ScaleAspectFill 
    self.layer.cornerRadius = self.frame.height/2 
    self.layer.masksToBounds = false 
    self.clipsToBounds = true 

    // make square(* must to make circle), 
    // resize(reduce the kilobyte) and 
    // fix rotation. 
    self.image = anyImage 
    } 
} 

如何拨打：

let anyAvatarImage:UIImage = UIImage(named: "avatar")! 
avatarImageView.maskCircle(anyAvatarImage) 

Answer 6

我固定它做修改视图：

1. 转到您的Main.storyboard
2. 点击图像
3. 上查看 - >模式 - >方面填充

它完美

Answer 7

这项工作非常适合我。 行的顺序是重要

func circularImage(photoImageView: UIImageView?) 
{ 
    photoImageView!.layer.frame = CGRectInset(photoImageView!.layer.frame, 0, 0) 
    photoImageView!.layer.borderColor = UIColor.grayColor().CGColor 
    photoImageView!.layer.cornerRadius = photoImageView!.frame.height/2 
    photoImageView!.layer.masksToBounds = false 
    photoImageView!.clipsToBounds = true 
    photoImageView!.layer.borderWidth = 0.5 
    photoImageView!.contentMode = UIViewContentMode.ScaleAspectFill 
} 

如何使用：

@IBOutlet weak var photoImageView: UIImageView! 
    ... 
    ... 
    circularImage(photoImageView) 

Answer 8

我发现了什么是当除以2，您的宽度和图像视图的高度必须返回一个偶数得到一个完美的圆如

let image = UIImageView(frame: CGRectMake(0, 0, 120, 120)) 

它不应该是这样的 让图像= UIImageVi ew（frame：CGRectMake（0,0,130,130））

Answer 9

reviewerImage.layer.cornerRadius = reviewerImage.frame.size.width/2; 
reviewerImage.clipsToBounds = true 

Answer 10

这也适用于我。要获得完美的圆形效果，请在宽度和高度上使用相同的尺寸。像image.frame = CGRect(0,0,200, 200)

对于非完美的圆形，宽度和高度不应该像下面的代码一样。

image.frame = CGRect(0,0,200, 160) 
image.layer.borderColor = UIColor.whiteColor().CGColor 
image.layer.cornerRadius = image.frame.size.height/2 
image.layer.masksToBounds = false 
image.layer.clipsToBounds = true 
image.contentMode = .scaleAspectFill 

Answer 11

我有一个类似的结果（更多的椭圆比圆）。事实证明，我在UIImageView上设置的限制迫使它变成椭圆形而不是圆形。解决之后，上面的解决方案工作。

Answer 12

创建您的自定义圆圈UIImageView并在layout下创建圆圈如果您使用Autolayout，则可以帮助您创建圆圈。

/* 
     +-------------+ 
     |    | 
     |    | 
     |    | 
     |    | 
     |    | 
     |    | 
     +-------------+ 
    The IMAGE MUST BE SQUARE 
*/ 
class roundImageView: UIImageView { 

    override init(frame: CGRect) { 
     // 1. setup any properties here 
     // 2. call super.init(frame:) 
     super.init(frame: frame) 
     // 3. Setup view from .xib file 
    } 

    required init?(coder aDecoder: NSCoder) { 
     // 1. setup any properties here 
     // 2. call super.init(coder:) 
     super.init(coder: aDecoder) 
     // 3. Setup view from .xib file 
    } 

    override func layoutSubviews() { 
     super.layoutSubviews() 
     self.layer.borderWidth = 1 
     self.layer.masksToBounds = false 
     self.layer.borderColor = UIColor.white.cgColor 
     self.layer.cornerRadius = self.frame.size.width/2 
     self.clipsToBounds = true 
    } 
} 

Answer 13

试试这个。 迅速代码

override func viewWillAppear(_ animated: Bool) { 
    super.viewWillAppear(true) 
    perform(#selector(self.setCircleForImage(_:)), with: pickedImage, afterDelay: 0) 
} 


@objc func setCircleForImage(_ imageView : UIImageView){ 
    imageView.layer.cornerRadius = pickedImage.frame.size.width/2 
    imageView.clipsToBounds = true 
} 

Answer 14

使用此代码，以使图像一轮

 self.layoutIfNeeded() 
    self.imageView.layer.cornerRadius = 
    self.imageView.frame.width/2 
    self.imageView.layer.masksToBounds = true