如何正確地設置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