Comment puis-je dessiner une ombre sous une UIView?

Dans votre code, vous enregistrez le GState du contexte actuel, le configurer pour dessiner une ombre .. et de le restaurer à ce qu'il était avant que vous avez configuré pour dessiner une ombre. Puis, enfin, l'appel de la super-classe de mise en œuvre de drawRect: .

Un dessin qui devrait être affectée par le paramètre ombre qui doit arriver après

CGContextSetShadow(currentContext, CGSizeMake(-15, 20), 5);

mais avant

CGContextRestoreGState(currentContext);

Donc, si vous voulez la superclasse, drawRect: être "enveloppé" dans l'ombre, alors que diriez-vous si vous réorganisez votre code comme celui-ci?

- (void)drawRect:(CGRect)rect {
    CGContextRef currentContext = UIGraphicsGetCurrentContext();
    CGContextSaveGState(currentContext);
    CGContextSetShadow(currentContext, CGSizeMake(-15, 20), 5);
    [super drawRect: rect];
    CGContextRestoreGState(currentContext);
}

self.layer.masksToBounds = NO;
self.layer.cornerRadius = 8; //if you like rounded corners
self.layer.shadowOffset = CGSizeMake(-15, 20);
self.layer.shadowRadius = 5;
self.layer.shadowOpacity = 0.5;

Cela va ralentir l'application.
L'ajout de la ligne suivante permet d'améliorer les performances, tant que votre vue est visiblement rectangulaire:

self.layer.shadowPath = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;

Vous pouvez l'essayer .... vous pouvez jouer avec les valeurs.
Le shadowRadius détermine la quantité de flou. shadowOffset dicte où l'ombre va.

Swift 2.0

let radius: CGFloat = demoView.frame.width / 2.0 //change it to .height if you need spread for height
let shadowPath = UIBezierPath(rect: CGRect(x: 0, y: 0, width: 2.1 * radius, height: demoView.frame.height))
//Change 2.1 to amount of spread you need and for height replace the code for height

demoView.layer.cornerRadius = 2
demoView.layer.shadowColor = UIColor.blackColor().CGColor
demoView.layer.shadowOffset = CGSize(width: 0.5, height: 0.4)  //Here you control x and y
demoView.layer.shadowOpacity = 0.5
demoView.layer.shadowRadius = 5.0 //Here your control your blur
demoView.layer.masksToBounds =  false
demoView.layer.shadowPath = shadowPath.CGPath

Swift 3.0

let radius: CGFloat = demoView.frame.width / 2.0 //change it to .height if you need spread for height 
let shadowPath = UIBezierPath(rect: CGRect(x: 0, y: 0, width: 2.1 * radius, height: demoView.frame.height)) 
//Change 2.1 to amount of spread you need and for height replace the code for height

demoView.layer.cornerRadius = 2
demoView.layer.shadowColor = UIColor.black.cgColor
demoView.layer.shadowOffset = CGSize(width: 0.5, height: 0.4)  //Here you control x and y
demoView.layer.shadowOpacity = 0.5
demoView.layer.shadowRadius = 5.0 //Here your control your blur
demoView.layer.masksToBounds =  false
demoView.layer.shadowPath = shadowPath.cgPath

Exemple avec la diffusion

De créer une base de l'ombre

    demoView.layer.cornerRadius = 2
    demoView.layer.shadowColor = UIColor.blackColor().CGColor
    demoView.layer.shadowOffset = CGSizeMake(0.5, 4.0); //Here your control your spread
    demoView.layer.shadowOpacity = 0.5 
    demoView.layer.shadowRadius = 5.0 //Here your control your blur

De base de l'Ombre exemple dans Swift 2.0

- Je utiliser cela comme une partie de mon utils. Avec cela, nous pouvons non seulement de l'ombre, mais peuvent également obtenir un angle arrondi pour tout UIView. Vous pouvez également définir quelle est la couleur de l'ombre que vous préférez. Normalement, le noir est préféré, mais parfois, lorsque le fond est non-blanc, vous pourriez voulez quelque chose d'autre. Voici ce que j'utilise -

in utils.m
+ (void)roundedLayer:(CALayer *)viewLayer 
              radius:(float)r 
              shadow:(BOOL)s
{
    [viewLayer setMasksToBounds:YES];
    [viewLayer setCornerRadius:r];        
    [viewLayer setBorderColor:[RGB(180, 180, 180) CGColor]];
    [viewLayer setBorderWidth:1.0f];
    if(s)
    {
        [viewLayer setShadowColor:[RGB(0, 0, 0) CGColor]];
        [viewLayer setShadowOffset:CGSizeMake(0, 0)];
        [viewLayer setShadowOpacity:1];
        [viewLayer setShadowRadius:2.0];
    }
    return;
}

À utiliser, nous devons d'appel ce - [utils roundedLayer:yourview.layer radius:5.0f shadow:YES];

Si vous souhaitez utiliser la table de montage séquentiel et ne reviendrai pas comme garder en tapant dans le moteur d'exécution des attributs, vous pouvez facilement créer une extension de vues et de les rendre utilisables dans le storyboard.

L'étape 1. créer une extension de

extension UIView {

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

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

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

@IBInspectable var maskToBound: Bool {
    get {
        return layer.masksToBounds
    }
    set {
        layer.masksToBounds = newValue
    }
}
}

l'étape 2. vous pouvez maintenant utiliser ces attributs dans le storyboard

Vous pouvez utiliser ma fonction d'utilité créé pour l'ombre et le rayon de l'angle comme ci-dessous:

- (void)addShadowWithRadius:(CGFloat)shadowRadius withShadowOpacity:(CGFloat)shadowOpacity withShadowOffset:(CGSize)shadowOffset withShadowColor:(UIColor *)shadowColor withCornerRadius:(CGFloat)cornerRadius withBorderColor:(UIColor *)borderColor withBorderWidth:(CGFloat)borderWidth forView:(UIView *)view{

    //drop shadow
    [view.layer setShadowRadius:shadowRadius];
    [view.layer setShadowOpacity:shadowOpacity];
    [view.layer setShadowOffset:shadowOffset];
    [view.layer setShadowColor:shadowColor.CGColor];

    //border radius
    [view.layer setCornerRadius:cornerRadius];

    //border
    [view.layer setBorderColor:borderColor.CGColor];
    [view.layer setBorderWidth:borderWidth];
}

Espère que ça va vous aider!!!

Pour les autres Xamarians, les Xamarin.iOS/C# version de la réponse serait la suivante:

public override void DrawRect(CGRect area, UIViewPrintFormatter formatter)
{
    CGContext currentContext = UIGraphics.GetCurrentContext();
    currentContext.SaveState();
    currentContext.SetShadow(new CGSize(-15, 20), 5);
    base.DrawRect(area, formatter);
    currentContext.RestoreState();                
}

La principale différence est que, vous acquérez une instance de CGContext sur lequel vous appeler directement les méthodes appropriées.