Какой лучший способ добавить тень к моему UIView

Я пытаюсь добавить тень к представлениям, которые наложены друг на друга, представления сворачиваются, позволяя видеть контент в других представлениях, в этом ключе я хочу оставить view.clipsToBoundsВКЛ, чтобы при сворачивании представлений их содержимое было обрезано.

Похоже, это затруднило мне добавление тени к слоям, поскольку, когда я включаю, clipsToBoundsтени также обрезаются.

Я пытался манипулировать view.frameи view.boundsдобавлять тень к кадру, но позволять границам быть достаточно большими, чтобы охватить его, однако мне не повезло с этим.

Вот код, который я использую для добавления тени (работает только при clipsToBoundsвыключенном состоянии, как показано).

view.clipsToBounds = NO;
view.layer.shadowColor = [[UIColor blackColor] CGColor];
view.layer.shadowOffset = CGSizeMake(0,5);
view.layer.shadowOpacity = 0.5;

Вот скриншот, на котором тень применяется к самому светлому серому слою. Надеюсь, это дает представление о том, как мой контент будет перекрываться, если clipsToBoundsон выключен.

Как я могу добавить тень к моему UIViewи сохранить мой контент обрезанным?

Изменить: просто хотел добавить, что я также играл с использованием фоновых изображений с тенями, что действительно хорошо работает, однако я все же хотел бы знать лучшее кодированное решение для этого.

Попробуй это:

UIBezierPath *shadowPath = [UIBezierPath bezierPathWithRect:view.bounds];
view.layer.masksToBounds = NO;
view.layer.shadowColor = [UIColor blackColor].CGColor;
view.layer.shadowOffset = CGSizeMake(0.0f, 5.0f);
view.layer.shadowOpacity = 0.5f;
view.layer.shadowPath = shadowPath.CGPath;

Прежде всего : важно UIBezierPathиспользовать as shadowPath. Если вы его не используете, вы можете сначала не заметить разницы, но зоркий глаз заметит определенную задержку, возникающую во время таких событий, как вращение устройства и / или тому подобное. Это важная настройка производительности.

Что касается конкретно вашей проблемы : важная строка view.layer.masksToBounds = NO. Он отключает отсечение подслоев слоя представления, которые выходят за границы представления.

Для тех, кто задается вопросом, в чем разница между masksToBounds(на слое) и собственным clipToBoundsсвойством представления: на самом деле их нет. Переключение одного из них повлияет на другое. Просто другой уровень абстракции.

Swift 2.2:

override func layoutSubviews()
{
    super.layoutSubviews()

    let shadowPath = UIBezierPath(rect: bounds)
    layer.masksToBounds = false
    layer.shadowColor = UIColor.blackColor().CGColor
    layer.shadowOffset = CGSizeMake(0.0, 5.0)
    layer.shadowOpacity = 0.5
    layer.shadowPath = shadowPath.CGPath
}

Swift 3:

override func layoutSubviews()
{
    super.layoutSubviews()

    let shadowPath = UIBezierPath(rect: bounds)
    layer.masksToBounds = false
    layer.shadowColor = UIColor.black.cgColor
    layer.shadowOffset = CGSize(width: 0.0, height: 5.0)
    layer.shadowOpacity = 0.5
    layer.shadowPath = shadowPath.cgPath
}

Ответ Васабии в Swift 2.3:

let shadowPath = UIBezierPath(rect: view.bounds)
view.layer.masksToBounds = false
view.layer.shadowColor = UIColor.blackColor().CGColor
view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
view.layer.shadowOpacity = 0.2
view.layer.shadowPath = shadowPath.CGPath

А в Swift 3/4/5:

let shadowPath = UIBezierPath(rect: view.bounds)
view.layer.masksToBounds = false
view.layer.shadowColor = UIColor.black.cgColor
view.layer.shadowOffset = CGSize(width: 0, height: 0.5)
view.layer.shadowOpacity = 0.2
view.layer.shadowPath = shadowPath.cgPath

Поместите этот код в layoutSubviews (), если вы используете AutoLayout.

В SwiftUI все намного проще:

Color.yellow  // or whatever your view
    .shadow(radius: 3)
    .frame(width: 200, height: 100)

Хитрость заключается в masksToBoundsправильном определении свойства слоя вашего представления:

view.layer.masksToBounds = NO;

и он должен работать.

( Источник )

Вы можете создать расширение для UIView для доступа к этим значениям в редакторе дизайна.

extension UIView{

    @IBInspectable var shadowOffset: CGSize{
        get{
            return self.layer.shadowOffset
        }
        set{
            self.layer.shadowOffset = newValue
        }
    }

    @IBInspectable var shadowColor: UIColor{
        get{
            return UIColor(cgColor: self.layer.shadowColor!)
        }
        set{
            self.layer.shadowColor = newValue.cgColor
        }
    }

    @IBInspectable var shadowRadius: CGFloat{
        get{
            return self.layer.shadowRadius
        }
        set{
            self.layer.shadowRadius = newValue
        }
    }

    @IBInspectable var shadowOpacity: Float{
        get{
            return self.layer.shadowOpacity
        }
        set{
            self.layer.shadowOpacity = newValue
        }
    }
}

Вы также можете установить тень на свой вид из раскадровки

На viewWillLayoutSubviews:

override func viewWillLayoutSubviews() {
    sampleView.layer.masksToBounds =  false
    sampleView.layer.shadowColor = UIColor.darkGrayColor().CGColor;
    sampleView.layer.shadowOffset = CGSizeMake(2.0, 2.0)
    sampleView.layer.shadowOpacity = 1.0
}

Использование расширения UIView:

extension UIView {

    func addDropShadowToView(targetView:UIView? ){
        targetView!.layer.masksToBounds =  false
        targetView!.layer.shadowColor = UIColor.darkGrayColor().CGColor;
        targetView!.layer.shadowOffset = CGSizeMake(2.0, 2.0)
        targetView!.layer.shadowOpacity = 1.0
    }
}

Использование:

sampleView.addDropShadowToView(sampleView)

Итак, да, вы должны предпочесть свойство shadowPath для повышения производительности, но также: Из файла заголовка CALayer.shadowPath

Явное указание пути с помощью этого свойства обычно * улучшает производительность рендеринга, так как использование одной и той же ссылки * пути на нескольких уровнях

Менее известный трюк - использовать одну и ту же ссылку на нескольких уровнях. Конечно, они должны использовать одну и ту же форму, но это обычное дело для ячеек представления таблицы / коллекции.

Я не знаю, почему это становится быстрее, если вы делитесь экземплярами, я предполагаю, что он кэширует рендеринг тени и может повторно использовать его для других экземпляров в представлении. Интересно, будет ли это еще быстрее с