Как установить изображение в круге как изображениеКонтакты в Swift правильно?

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 

I хочу показать, как это:

Но я получаю это:

Как сделать изображение изменения размера до размера 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 

Swift 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 (рамка: 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 и создайте круг под макетом. Subviews поможет, если вы используете 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