Shadow + cornerRadius + scaleAspectFit в imageView?

Question

[YeahCode]

Приветствую
Ребята, кто сталкивался, необходимо реализовать в UIImageView - скругление углов и тень

1. Требуется реализация в режиме UIImageView.contentMode = .scaleAspectFit

2. UIImageView можно добавить как сабвью в UIView, но как тогда передавать в view frame imageView? Если ставитьview.frame = imageView.frame, то это не срабатывает

3. У кого есть решение для всех данных трех аспектов?

Answer 1

[Иван Воробей]

Чтобы фрейм UIImageView совпадал с размером изображения, вам нужно получить размеры UIImage. На практике получайте соотношение сторон UIImage, и ресайзите фрейм с этим соотношением.
Теперь картинка всегда будет вписана в фрейм.
Подумайте, это логично, подгонять фрейм под картинку, а не картинку под фрейм, если вы используете .scaleAspectFit.

Закругляем углы
Теперь, когда фрейм имеет те же размеры что и картинка, округление углов будет работать корректно. Проблема решена.

Тени
Зависит от способа. Если активируете маску, то тени не будет видно. Делайте контейнер, в который помещаете UIImageView, для нее ставите маску. А тень ставим контейнеру.

Comments

[YeahCode]

Получаетсся следующее

imageView.contentMode = .scaleAspectFit
 imageView.layer.cornerRadius = 25
 imageView.clipsToBounds = true
        
 shadowView.clipsToBounds = false
 shadowView.layer.cornerRadius = 25
 shadowView.layer.shadowRadius = 6
 shadowView.layer.shadowColor = UIColor.darkGray.cgColor
 shadowView.layer.shadowOffset = CGSize(width: 3, height: 1)
 shadowView.layer.shadowOpacity = 0.7

 let wi = image.size.width / 4
 let hi = image.size.height / 4
        
 self.imageView.frame.size.width = wi
 self.imageView.frame.size.height = hi

 self.shadowView.frame.size.width = wi
 self.shadowView.frame.size.height = hi

В таком случае работает тень и скругления
Но если добавить constrains, то все перестает работать.

imageView.translatesAutoresizingMaskIntoConstraints = false
 imageView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 18).isActive = true
 imageView.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -18).isActive = true

[Иван Воробей]

Сначала вы сохранили пропорции, а потом constraint-ами избавились от них. Конечно не будет работать.

[YeahCode]

Иван Воробей, Приветствую

1. Можете подсказать, что требуется поправить?

func imageViewSize(image: UIImage) {
        
        let wi = image.size.width / 3.14
        let hi = image.size.height / 3.14
        
        shadowView.frame.size.width = wi
        shadowView.frame.size.height = hi

        shadowView.clipsToBounds = false
        shadowView.layer.cornerRadius = 25
        shadowView.layer.shadowRadius = 9
        shadowView.layer.shadowColor = UIColor.darkGray.cgColor
        shadowView.layer.shadowOffset = CGSize(width: 3, height: 3)
        shadowView.layer.shadowOpacity = 0.8
        
        imageView.frame = shadowView.bounds
        imageView.contentMode = .scaleAspectFit
        imageView.layer.masksToBounds = true
        imageView.layer.cornerRadius = 25
        imageView.image = image
        
        createConstrainsShadowView()
    }

2. Как можно избавиться от такого решения?

let wi = image.size.width / 3.14
        let hi = image.size.height / 3.14

Что бы не уменьшать размер изображения таким образом, а что бы оно подстроилось под размер ShadowView

3. Как отцентровать shadowView по X-ксу

shadowView.translatesAutoresizingMaskIntoConstraints = false

        NSLayoutConstraint(item: shadowView,
                            attribute: .top,
                            relatedBy: .greaterThanOrEqual,
                            toItem: view,
                            attribute: .topMargin,
                            multiplier: 1,
                            constant: 64).isActive = true

        NSLayoutConstraint(item: shadowView,
                            attribute: .bottom,
                            relatedBy: .lessThanOrEqual,
                            toItem: svButton,
                            attribute: .bottomMargin,
                            multiplier: 1,
                            constant: -70).isActive = true
        
        NSLayoutConstraint(item: shadowView,
                           attribute: .centerY,
                           relatedBy: .equal,
                           toItem: view,
                           attribute: .centerY,
                           multiplier: 1,
                           constant: -10).isActive = true