Schatten um einen View zeichnen

  • Schatten um einen View zeichnen

    Hallo,

    ich habe mir eine UIView-Subklasse gebaut, die einen Schatten um den enthaltenen View zeichnen soll. Doch leider erscheint kein Schatten :(

    Hier ist die drawRect-Methode:

    Quellcode

    1. - (void)drawRect:(CGRect)inRect {
    2. CGContextRef theContext = UIGraphicsGetCurrentContext();
    4. CGContextSaveGState(theContext);
    5. CGContextSetShadowWithColor(theContext, offset, blur, [UIColor blackColor].CGColor);
    6. [super drawRect:inRect];
    7. CGContextRestoreGState(theContext);
    8. }


    Was mache ich verkehrt?
    „Meine Komplikation hatte eine Komplikation.“

  • RE: Schatten um einen View zeichnen

    Original von macmoonshine
    Hallo,

    ich habe mir eine UIView-Subklasse gebaut, die einen Schatten um den enthaltenen View zeichnen soll. Doch leider erscheint kein Schatten :(

    Hier ist die drawRect-Methode:

    Quellcode

    1. - (void)drawRect:(CGRect)inRect {
    2. CGContextRef theContext = UIGraphicsGetCurrentContext();
    4. CGContextSaveGState(theContext);
    5. CGContextSetShadowWithColor(theContext, offset, blur, [UIColor blackColor].CGColor);
    6. [super drawRect:inRect];
    7. CGContextRestoreGState(theContext);
    8. }


    Was mache ich verkehrt?



    Für mich sieht das so aus, dass du den Schatten deiner View in die eigene View zeichnen willst, geht jedoch nicht, da daine View kleiner ist als diene View inklusive Schatten...

    Versuch einfach mal ein Rechteck in dein View zu zeichnen das kleiner als deine View ist, indem du:

    [super drawRect:inRect];

    durch:

    CGContextFillRect(theContext, aRect);

    ersetzt, wobei aRect kleiner als dein inRect sein soll. Wenn du dann ein Rechteck mit einem Schatten erhälst, dann stimmt das was ich oben vermutet habe.

    mfg Henri

  • Danke für Deinen Tipp. Der hat mich auf den richtigen Gedankengang gebracht. Sowas Ähnliches hatte ich auch schon probiert. Das hatte aber auch nicht funktioniert, weil die Subviews drüber gezeichnet wurden.

    Ich habe jetzt eine Lösung gefunden: Ich überschreibe layoutSubviews und verkleinere darin den Subview, dass er Platz für den Schatten lässt. Der super-Aufruf in drawRect ist der Funktion zum Schattenzeichnen schnurz. Deswegen zeichne ich ein Rechteck in der Farbe des Views.

    Das Ganze sieht dann so aus:

    Quellcode

    1. - (CGRect)innerFrame {
    2. CGRect theInnerFrame;
    3. CGRect theFrame = self.frame;
    5. if(offset.width < 0) {
    6. theInnerFrame.origin.x = theFrame.origin.x;
    7. theInnerFrame.size.width = theFrame.size.width + offset.width;
    8. }
    9. else {
    10. theInnerFrame.origin.x = theFrame.origin.x + offset.width;
    11. theInnerFrame.size.width = theFrame.size.width - offset.width;
    12. }
    13. if(offset.height < 0) {
    14. theInnerFrame.origin.y = theFrame.origin.y;
    15. theInnerFrame.size.height = theFrame.size.height + offset.height;
    16. }
    17. else {
    18. theInnerFrame.origin.y = theFrame.origin.y + offset.height;
    19. theInnerFrame.size.height = theFrame.size.height - offset.height;
    20. }
    21. return theInnerFrame;
    22. }
    24. - (void)drawRect:(CGRect)inRect {
    25. CGContextRef theContext = UIGraphicsGetCurrentContext();
    27. CGContextSaveGState(theContext);
    28. CGContextSetShadowWithColor(theContext, offset, blur, [UIColor blackColor].CGColor);
    29. CGContextSetFillColorWithColor(theContext, self.backgroundColor.CGColor);
    30. CGContextFillRect(theContext, [self innerFrame]);
    31. CGContextRestoreGState(theContext);
    32. [super drawRect:inRect];
    33. }
    35. -(void)layoutSubviews {
    36. [super layoutSubviews];
    37. UIView *theView = [self.subviews objectAtIndex:0];
    38. CGRect theFrame = [self innerFrame];
    40. theView.frame = theFrame;
    41. }
    Alles anzeigen
    „Meine Komplikation hatte eine Komplikation.“

  • Original von gritsch
    naja, das ist schon sehr kompliziert gemacht!

    schau dir mal NSInsetRect(...) an ;)

    Hab' ich mir schon fast gedacht, dass es einfacher geht. NSInsetRect gibt's aber leider nicht auf dem iPhone. Ich berechne auch keinen Innenrahmen sondern eine Verschiebung einer horizontalen und einer vertikalen Seite.

    Original von gritsch
    im draw selbst würd ich dann:

    1. abchecken ob überhaupt ein subview da ist,

    2. falls eines da ist, den frame vom subview verwenden und nicht den berechneten (den hast du dem subview ja gesetzt)

    Der Subview ist immer da, da der View nix anderes machen soll, als einen Schatten zeichnen. Die Idee des zweiten Punktes gefällt mir ;) Probier' ich mal aus.
    „Meine Komplikation hatte eine Komplikation.“

  • Jo, geht einfacher:

    Quellcode

    1. - (void)drawRect:(CGRect)inRect {
    2. UIView *theView = [self.subviews objectAtIndex:0];
    3. CGRect theFrame = theView.frame;
    4. CGContextRef theContext = UIGraphicsGetCurrentContext();
    5. CGSize theOffset;
    7. theOffset.width = theFrame.origin.x > 0 ?
    8. theFrame.origin.x : theFrame.size.width - self.frame.size.width;
    9. theOffset.height = theFrame.origin.y > 0 ?
    10. theFrame.origin.y : theFrame.size.height - self.frame.size.height;
    11. CGContextSaveGState(theContext);
    12. CGContextSetShadowWithColor(theContext, theOffset, blur, [UIColor blackColor].CGColor);
    13. CGContextSetFillColorWithColor(theContext, self.backgroundColor.CGColor);
    14. CGContextFillRect(theContext, theView.frame);
    15. CGContextRestoreGState(theContext);
    16. [super drawRect:inRect];
    17. }
    Alles anzeigen


    unde der andere Kram fliegt raus.
    „Meine Komplikation hatte eine Komplikation.“