Comment ajouter de l'ombre à un cercle UIImageView ou UIView?

Je suis en train de faire un cercle UIImageViewet il fonctionne. Ci-dessous est la façon dont j'utilise pour le faire:

[self.pic.layer setMasksToBounds:YES];
[self.pic.layer setCornerRadius:50.0];

Je voudrais ajouter de l'ombre à la UIImageView. Le code ci-dessous ne ajouter un peu d'ombre à mon image vue, toutefois, l'affichage de l'image change de forme carrée. Quelqu'un peut-il me donner quelques conseils pour résoudre ce problème? Ci-dessous le code que j'ai utiliser pour ajouter de l'ombre:

self.pic.layer.shadowColor = [UIColor purpleColor].CGColor;
self.pic.layer.shadowOffset = CGSizeMake(0, 1);
self.pic.layer.shadowOpacity = 1;
self.pic.layer.shadowRadius = 1.0;
self.pic.clipsToBounds = NO;

source d'informationauteur Newbie

  1. 36

    Utiliser le CALayer's shadowPath de la propriété et ajouter un UIBezierPath avec arrondi rect

    self.pic.layer.shadowPath = [UIBezierPath bezierPathWithRoundedRect:self.pic.frame cornerRadius:50.0].CGPath;

    MODIFIER

    Pour un carré-ish d'affichage de l'image de cette technique ne fonctionne pas directement, parce que, comme vous l'avez dit, l'affichage de l'image remonte à carré. Raison: Vous définissez clipsToBounds = NO pour montrer l'ombre qui supprime l'écrêtage pour le rayon de l'angle, où imageView est sous-vue de container.

    Solution de contournement:

    Ajouter votre imageview dans un conteneur de vue, puis appliquer la couche de l'ombre à ce conteneur. Voici le code que j'ai essayé.

    [self.imageView.layer setCornerRadius:60.0];
[self.imageView.layer setMasksToBounds:YES];
self.imageView.clipsToBounds = YES;

self.container.backgroundColor = [UIColor clearColor];
self.container.layer.shadowColor = [UIColor blackColor].CGColor;
self.container.layer.shadowOffset = CGSizeMake(5,15);
self.container.layer.shadowOpacity = 0.5;
self.container.layer.shadowRadius = 2.0;
self.container.layer.shadowPath = [UIBezierPath bezierPathWithRoundedRect:self.container.bounds cornerRadius:100.0].CGPath;

    L'effet qui en résulte est, comme indiqué dans la capture d'écran,

    Comment ajouter de l'ombre à un cercle UIImageView ou UIView?

    Espère que ça aide!

  2. 2

    Sans un conteneur, mais avec un arrière-plan de la vue ici est mes 2 cents

    Comme rapide 2.2 extension 

        image?.applyCircleShadow(5, shadowOpacity: 1)
    extension UIView {
    func applyCircleShadow(shadowRadius: CGFloat = 2,
                           shadowOpacity: Float = 0.3,
                           shadowColor: CGColor = UIColor.blackColor().CGColor,
                           shadowOffset: CGSize = CGSize.zero) {
        layer.cornerRadius = frame.size.height / 2
        layer.masksToBounds = false
        layer.shadowColor = shadowColor
        layer.shadowOffset = shadowOffset
        layer.shadowRadius = shadowRadius
        layer.shadowOpacity = shadowOpacity
    }
}
extension UIImageView {
    override func applyCircleShadow(shadowRadius: CGFloat = 2,
                                    shadowOpacity: Float = 0.3,
                                    shadowColor: CGColor = UIColor.blackColor().CGColor,
                                    shadowOffset: CGSize = CGSize.zero) {

        //Use UIImageView.hashvalue as background view tag (should be unique)
        let background: UIView = superview?.viewWithTag(hashValue) ?? UIView()
        background.frame = frame
        background.backgroundColor = backgroundColor
        background.tag = hashValue
        background.applyCircleShadow(shadowRadius, shadowOpacity: shadowOpacity, shadowColor: shadowColor, shadowOffset: shadowOffset)
        layer.cornerRadius = background.layer.cornerRadius
        layer.masksToBounds = true
        superview?.insertSubview(background, belowSubview: self)
    }
}
  3. 2

    Au cas où quelqu'un cherche Swift 3 ou 4 travail solution: 

        let imageSize: CGFloat = 64.0

    //Create a container which has a shadow
    let imageCotainer = UIView(frame: CGRect(x: 0, y: 0, width: imageSize, height: imageSize))
    imageCotainer.clipsToBounds = false
    imageCotainer.layer.shadowColor = UIColor.black.cgColor
    imageCotainer.layer.shadowOpacity = 0.2
    imageCotainer.layer.shadowOffset = CGSize(width: 0, height: 1)
    imageCotainer.layer.shadowRadius = 2

    //Create an image view that will be inserted into the container view
    let imageView = UIImageView(frame: imageCotainer.bounds)
    imageView.image = yourImage
    imageView.clipsToBounds = true
    let cornerRadius = imageView.frame.height / 2
    imageView.layer.cornerRadius = cornerRadius

    //Draw a shadow
    imageCotainer.layer.shadowPath = UIBezierPath(roundedRect: imageCotainer.bounds, cornerRadius: cornerRadius).cgPath
    //Add image into container
    imageCotainer.addSubview(imageView)

    Parfois vous devez également définir les contraintes de l'image à l'intérieur du conteneur, mais il peut fonctionner sans elle aussi, dans certains cas. Mais si c'est pas le cas, ajoutez ceci:

        //Set constraints for the image inside the container view
    imageView.translatesAutoresizingMaskIntoConstraints = false
    imageView.topAnchor.constraint(equalTo: imageCotainer.topAnchor).isActive = true
    imageView.leftAnchor.constraint(equalTo: imageCotainer.leftAnchor).isActive = true
    imageView.rightAnchor.constraint(equalTo: imageCotainer.rightAnchor).isActive = true
    imageView.bottomAnchor.constraint(equalTo: imageCotainer.bottomAnchor).isActive = true
    imageView.heightAnchor.constraint(equalToConstant: imageSize).isActive = true
    imageView.widthAnchor.constraint(equalToConstant: imageSize).isActive = true
  4. 0
    extension UIImageView {
    func addShadow() {
        self.layer.shadowColor = UIColor.black.cgColor
        self.layer.shadowOffset = CGSize(width: 2, height: 5)
        self.layer.shadowOpacity = 0.5
        self.layer.shadowRadius = 1.0
        self.clipsToBounds = false
    }
}
try this code. hope it will help you....
  5. -4
    yourImageView.layer.masksToBounds = NO;
yourImageView.layer.shadowOffset = CGSizeMake(5, 0);
yourImageView.layer.shadowRadius = 5;
yourImageView.layer.shadowOpacity = 0.5;
yourImageView.layer.shadowPath = [UIBezierPath bezierPathWithRect:yourImageView.bounds].CGPath;

    essayer ce code...