UIImage trong vòng kết nối

Question

Ai đó có thể giúp tôi ở đây ?. Mới với tư cách là nhà phát triển iPhone. Tôi đang cố hiển thị hình ảnh .png trong hình tròn thay vì hình chữ nhật là tiêu chuẩn cho iPhone

Answer 1

Sử dụng UIImageView và đặt gócRadius là nửa chiều cao và chiều rộng. view.layer.cornerRadius = cornerRadius;

UIImage rounded corners

Answer 2

Vâng, tất cả các file png là 'hình chữ nhật' nhưng nếu bạn muốn có apperence của một vòng tròn hoặc hình chữ nhật đối tượng không khác trên màn hình, bạn có thể làm như vậy bằng cách sử dụng transparacy. Để đảm bảo các pixel trong suốt trong ảnh cũng trong suốt trên iPhone, bạn có thể đặt màu nền của UIImageView để xóa. Điều này có thể được thực hiện trong giao diện Builder bằng cách kéo thanh trượt Opacity trong bảng chọn màu nền tất cả các con đường xuống, hoặc trong mã như sau:

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

Nếu bạn chỉ muốn thêm góc tròn, để thực hiện một vòng tròn, bạn cũng có thể sử dụng tài sản cornerRadius như thế này nếu bạn đã thêm khuôn khổ QuartzCore để dự án của bạn:

#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

thử mã này

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

hình ảnh hiển thị này như hình ảnh vòng tròn ios 7 cảm ơn

Answer 4

Thay đổi gócĐộ cao của chế độ xem hình ảnh hoạt động tốt nếu bạn chỉ có một vài hình ảnh trong chế độ xem của mình. Tuy nhiên, nếu chế độ xem hình ảnh ở chế độ xem bảng sẽ bị ảnh hưởng.

Một số tùy chọn khác:

1. Hãy vòng tròn phần tử hình ảnh trên máy chủ hoặc bằng tay nếu họ được đóng gói vào ứng dụng, với các bộ phận trong suốt đối với khu vực bên ngoài của vòng tròn.
2. Nếu nền của chế độ xem hình ảnh không thay đổi, hãy tạo hình ảnh lớp phủ có phần vòng tròn trong suốt và phần còn lại giống như hình nền. Đồng thời đặt backgroundColor của chế độ xem hình ảnh thành clearColor.
3. Khi nhận hình ảnh, hãy chỉnh sửa chúng trong mã thành một vòng tròn, trong chuỗi nền.

Answer 5

Hãy thử điều này để có được góc tròn của hình ảnh Xem và cũng để tô màu cho các góc:

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; 

Điều kiện *: Chiều cao và chiều rộng của IMAGExem phải cùng để có được góc tròn.

Answer 6

đóng góp của tôi với một phần mở rộng nhanh chóng sử dụng để thiết lập một UIImageView như vòng tròn

extension UIImageView{ 

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

} 

Chỉ cần gọi MyImageView.asCircle()

Answer 7

Tôi sẽ thêm một phần mở rộng hơi phổ biến hơn để UIImageView rằng sẽ làm việc với hình ảnh không vuông . Để lưu ý rằng nó sẽ hoạt động chậm hơn so với phương pháp 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

Swift 4: Điều này sẽ hiển thị .png của bạn trong một vòng kết nối.

1. Kéo (ctrl + click) IBOutlet của hình ảnh về mã của bạn.

cornerRadius Bán kính để sử dụng khi vẽ các góc tròn cho nền của lớp. Có thể hoạt hình. https://developer.apple.com/documentation/quartzcore/calayer/1410818-cornerradius

clipsĐặc tínhBắt buộc Giá trị Boolean xác định xem bản xem phụ có bị giới hạn trong giới hạn của chế độ xem hay không. https://developer.apple.com/documentation/uikit/uiview/1622415-clipstobounds

2.Inside viewDidLoad(), Sử dụng thuộc tính cá thể layer.cornerRadius và clipsToBounds.

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