Quelle est la meilleure façon de créer une ombre derrière un UIImageView ?

Question

J'ai une UIImageView à laquelle je veux ajouter une ombre. J'aimerais qu'apple ait cette propriété, mais ils doivent rendre beaucoup de choses difficiles pour nous, programmeurs, alors je dois poser cette question.

Answer 1

Il existe un moyen plus simple et plus efficace de le faire. UIImageView hérite de UIView et possède donc une propriété de couche. Vous pouvez accéder aux propriétés de l'ombre du calque et bam, vous avez une ombre.

Si vous avez l'UIImageView comme IBOutlet vers un fichier nib, vous pouvez simplement implémenter la fonction awakeFromNib. par exemple.

Objectif-C

- (void)awakeFromNib {
    imageView.layer.shadowColor = [UIColor purpleColor].CGColor;
    imageView.layer.shadowOffset = CGSizeMake(0, 1);
    imageView.layer.shadowOpacity = 1;
    imageView.layer.shadowRadius = 1.0;
    imageView.clipsToBounds = NO;
}

N'oubliez pas de #import "QuartzCore/CALayer.h"

---

Pour Swift, vous pouvez vous y prendre de plusieurs manières. Créer une extension de classe, une sous-classe ou une instance d'imageView. Quelle que soit la manière, le processus est le même pour modifier la propriété d'ombre des couches.

Swift 3

override func awakeFromNib() {
    super.awakeFromNib()

    imageView.layer.shadowColor = UIColor.purple.cgColor
    imageView.layer.shadowOffset = CGSize(width: 0, height: 1)
    imageView.layer.shadowOpacity = 1
    imageView.layer.shadowRadius = 1.0
    imageView.clipsToBounds = false
}

Answer 2

La chose la plus simple à faire est d'ajouter un calque d'ombre à votre vue d'image :

CALayer             *layer = [CALayer layer];
CGRect              bounds = self.bounds;

layer.bounds = bounds;
layer.position = CGPointMake(bounds.size.width / 2 + 3, bounds.size.height / 2 + 3);
layer.backgroundColor = [UIColor colorWithWhite: 0.25 alpha: 0.55].CGColor;
layer.zPosition = -5;

[self.layer addSublayer: layer];

Assurez-vous que l'option "Clip Subviews" est désactivée pour la vue.

Answer 3

Solution rapide avec extension. La sous-classification n'est pas nécessaire. Appelez myImage.addShadow() de viewDidLoad() . Cela devrait fonctionner pour UIView y UIImageView .

extension UIView {

    func addShadow() {
        layer.shadowColor = UIColor.black.cgColor
        layer.shadowOffset = CGSize(width: 0, height: 0)
        layer.shadowOpacity = 0.5
        layer.shadowRadius = 5
        clipsToBounds = false
    }
}

Answer 4

En plus de cela, si vous voulez faire une bordure blanche et une ombre, vous pouvez utiliser ce code :

//shadow part
imageView.layer.shadowColor = [UIColor blackColor].CGColor;
imageView.layer.shadowOffset = CGSizeMake(0, 1);
imageView.layer.shadowOpacity = 1;
imageView.layer.shadowRadius = 1.0;
//white border part
[imageView.layer setBorderColor: [[UIColor whiteColor] CGColor]];
[imageView.layer setBorderWidth: 2.0];

Answer 5

Swift 5.x

profileImageView.layer.cornerRadius = profileImageView.frame.size.width/2
profileImageView.clipsToBounds = false
profileImageView.layer.shadowColor = UIColor.black.cgColor
profileImageView.layer.shadowOpacity = 0.7
profileImageView.layer.shadowOffset =  CGSize(width: 2, height: 2)
profileImageView.layer.shadowRadius = 10