UIImage in a circle

Question

有人可以幫我嗎？新的iPhone開發人員。我試圖在一個圓圈內顯示.png圖片，而不是一個矩形，這是一個標準的iPhone

Answer 1

使用UIImageView並將cornerRadius設置爲高度和寬度的一半。 view.layer.cornerRadius = cornerRadius;

UIImage rounded corners

Answer 2

好了，所有的PNG文件是「長方形」，但如果你想擁有你可以通過使用transparacy這樣做在屏幕上一個圓或其他非矩形對象的apperence。爲了確保圖像中的透明像素在iPhone上也是透明的，你可以設置UIImageView的背景顏色清除。這可以在Interface Builder的背景顏色選擇器拖動不透明度滑塊一路下跌來完成， 或代碼如下：

UIImage *image = [UIImage imageNamed:@"yourRoundImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 
imageView.backgroundColor = [UIColor clearColor]; 
[self.view addSubview: imageView]; 

如果您只是想添加圓的角落，做一個圈，你也可以使用cornerRadius屬性這樣的，如果你已經添加了QuartzCore框架到您的項目：

#import <QuartzCore/QuartzCore.h> 
UIImage *image = [UIImage imageNamed:@"yourRoundImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 
imageView.layer.cornerRadius = image.size.width/2; 
imageView.layer.masksToBounds = YES; 
[self.view addSubview: imageView]; 

Answer 3

試試這個代碼

yourImageView.layer.cornerRadius = yourImageView.frame.size.height /2; 
yourImageView.layer.masksToBounds = YES; 
yourImageView.layer.borderWidth = 0; 

這個展示圖像像ios 7圓圈圖像謝謝

Answer 4

如果在視圖中只有幾幅圖像，更改圖像視圖的角半徑效果很好。但是如果圖像視圖在tableview中，性能會受到影響。

一些其他的選項：

1. 使在服務器上的圖像資產圓，或者如果它們手動被捆綁到應用程序，具有透明部分的圓的外區域。
2. 如果圖像視圖的背景沒有改變，則創建一個覆蓋圖像，其中內圓部分是透明的，其餘部分與背景相同。還要將圖像視圖的backgroundColor設置爲clearColor。
3. 接收圖像時，請在代碼中將其編輯爲後臺線程中的圓。

Answer 5

嘗試使用此方法獲得圖像查看的圓角和還以顏色角落：

self.imgView.layer.cornerRadius =self.imgView.frame.size.height/2; 
self.imgView.layer.masksToBounds = YES; 
self.imgView.layer.borderColor = [UIColor colorWithRed:148/255. green:79/255. blue:216/255. alpha:1.0].CGColor; 
self.imgView.layer.borderWidth=2; 

條件*：高度和ImageView的寬度必須與獲得圓角。

Answer 6

我與一個迅速擴展的貢獻用於設置的UIImageView爲圓

extension UIImageView{ 

    func asCircle(){ 
     self.layer.cornerRadius = self.frame.width/2; 
     self.layer.masksToBounds = true 
    } 

} 

只需撥打MyImageView.asCircle()

Answer 7

我將添加一個稍微更普遍的擴展UIImageView將與非方形圖像工作。 要注意的是，它將比cornerRadius方法工作更慢。

extension UIImageView { 
    @IBInspectable public var asEllipse:Bool { 
     get { 
      if let mask = self.layer.mask { 
       return mask.name == kMaskLayerName 
      } 
      return false; 
     } 

     set { 
      if (newValue) { 
       let ellipseMask = CAShapeLayer() 
       ellipseMask.name = kMaskLayerName 
       ellipseMask.path = CGPathCreateWithEllipseInRect(self.bounds, nil) 
       ellipseMask.strokeColor = UIColor.clearColor().CGColor 
       ellipseMask.fillColor = UIColor.whiteColor().CGColor 
       self.layer.mask = ellipseMask 
      } else if self.asEllipse { 
       self.layer.mask = nil 
      } 
     } 
    } 

} 

private let kMaskLayerName="EllipseMaskLayer" 

Answer 8

斯威夫特4：這應該顯示了一圈你巴紐。

1. 將圖像的IBOutlet拖動（按Ctrl +單擊）到您的代碼。

cornerRadius 半徑繪製圓角爲層的背景時使用。動畫。 https://developer.apple.com/documentation/quartzcore/calayer/1410818-cornerradius

clipsToBounds屬性 一個布爾值，確定子視圖是否被限制在視圖的邊界內。 https://developer.apple.com/documentation/uikit/uiview/1622415-clipstobounds

2. Inside viewDidLoad（），使用實例屬性layer.cornerRadius和clipsToBounds。

profileImage.layer.cornerRadius = 50 
profileImage.clipsToBounds = true