UIImage auf UIBezierPath zeichnen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • UIImage auf UIBezierPath zeichnen

    Hallo, ich hab auch mal wieder eine Frage an euch. Ich benutze die Library timelineIOS, um eine Zugverbindung darzustellen. Leider bietet diese nur runde Kreise und keine ovale/ellipsen. Daher habe ich das ganze selber implementiert und es sieht nun so aus: (Anhang 1).

    Jedoch möchte ich jetzt in diesen Ovalen ein Bild zeichnen. Gewünschtes Verhalten seht ihr hier: (Anhang 2).

    Hier noch der relevante Code Ausschnitt :

    Quellcode

    1. UIBezierPath *circle;
    2. CAShapeLayer *circleLayer;
    4. circle = [UIBezierPath bezierPathWithRoundedRect: CGRectMake(5, yCenter-7, 25, 15) cornerRadius: 12];
    5. circleLayer = [CAShapeLayer layer];
    6. circleLayer.path = circle.CGPath;
    7. circleLayer.strokeColor = [UIColor orangeColor].CGColor;
    8. circleLayer.fillColor = [UIColor orangeColor].CGColor;
    9. circleLayer.lineWidth = LINE_WIDTH;
    11. if(self.showTrainImage) {
    12. //zug bild auf oval zeichnen
    13. }
    14. else if(self.showBusImage) {
    15. //bus bild auf oval zeichnen
    16. }
    17. else {
    18. //fußweg bild auf oval zeichnen
    19. }
    Alles anzeigen
    Dateien

    • bild1.png

      (118,17 kB, 249 mal heruntergeladen, zuletzt: )

    • bild2.png

      (43,51 kB, 242 mal heruntergeladen, zuletzt: )

  • Hm hab das mal gerade versucht per:

    Quellcode

    1. circleLayer.contents = (__bridge id)[UIImage imageNamed:@"bus"].CGImage;


    dann wird der layer zu einem array hinzugefügt :

    Quellcode

    1. [circleLayers addObject:circleLayer];


    Zum Schluss werden die hinzugefügten layer animiert:

    Quellcode

    1. [self startAnimatingLayers:circleLayers forStatus:currentStatus];


    Das hier ist die entsprechende Methode:

    Quellcode

    1. - (void)startAnimatingLayers:(NSArray *)layersToAnimate forStatus:(int)currentStatus {
    3. float circleTimeOffset = 1;
    4. circleCounter = 0;
    5. int i = 1;
    7. if (currentStatus == layersToAnimate.count) {
    9. //add without animation
    10. for (CAShapeLayer *cilrclLayer in layersToAnimate) {
    11. [self.progressViewContainer.layer addSublayer:cilrclLayer];
    12. }
    14. for (CAShapeLayer *lineLayer in layers) {
    15. [self.progressViewContainer.layer addSublayer:lineLayer];
    16. }
    18. } else {
    20. //add with animation
    21. for (CAShapeLayer *cilrclLayer in layersToAnimate) {
    22. [self.progressViewContainer.layer addSublayer:cilrclLayer];
    24. CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    25. animation.duration = 0.2;
    26. animation.beginTime = [cilrclLayer convertTime:CACurrentMediaTime() fromLayer:nil] + circleTimeOffset;
    27. animation.fromValue = [NSNumber numberWithFloat:0.0f];
    28. animation.toValue = [NSNumber numberWithFloat:1.0f];
    29. animation.fillMode = kCAFillModeForwards;
    30. animation.delegate = self;
    31. circleTimeOffset += .4;
    33. [cilrclLayer setHidden:YES];
    34. [cilrclLayer addAnimation:animation forKey:@"strokeCircleAnimation"];
    36. if (i == currentStatus && i != [layersToAnimate count]) {
    37. CABasicAnimation *strokeAnim = [CABasicAnimation animationWithKeyPath:@"strokeColor"];
    38. strokeAnim.fromValue = (id) [UIColor orangeColor].CGColor;
    39. strokeAnim.toValue = (id) [UIColor clearColor].CGColor;
    40. strokeAnim.duration = 1.0;
    41. strokeAnim.repeatCount = HUGE_VAL;
    42. strokeAnim.autoreverses = NO;
    44. [cilrclLayer addAnimation:strokeAnim forKey:@"animateStrokeColor"];
    45. }
    47. i++;
    48. }
    49. }
    50. }
    Alles anzeigen


    Leider wird das Bild nicht gezeichnet, was mache ich falsch ?

    EDIT: Ich calle auch teilweise

    Quellcode

    1. ​setNeedsUpdateConstraints
    Kann es daran liegen ? Ich bin mir unsicher, ob beim update der constrains auch ein

    Quellcode

    1. setNeedsDisplay
    gecallt wird, weil dann ja klar wäre warum das Bild nicht gezeichnet wird.

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von da_eh ()