UIView drawRect via setNeedsDisplay - geringe Framerate wenn zu viel Objekte gezeichnet werden müssen

  • UIView drawRect via setNeedsDisplay - geringe Framerate wenn zu viel Objekte gezeichnet werden müssen

    Hallo,

    ich habe wieder mal ein altes Problem und bekomme das einfach nicht gelöst. :S

    Ich habe eine UIView in der ich via drawRect() etwas zeichnen möchte. Hierbei wird eine Textur benötigt die hochauflösend ist. Idealerweise möchte ich die UIView - dessen Content - mehrmals in einer Sekunde zeichnen und nutze den Aufruf [self setNeedsDisplay].

    Also, angenommen ich möchte das Rectangle mehrmals in einer Sekunde neu zeichnen, dann dauert das ca. 0.5 Sekunden. In dieser Zeit ist es beispielsweise nicht möglich in der TableView zu scrollen.

    Es liegt definitiv am Aufruf [self setNeedsDisplay].

    Zu gerne würde ich das Zeichnen auf die GPU auslagern aber hierfür habe ich keinen Ansatz.


    Ich habe schon in einiger Literatur nachgeschlagen - finde aber keinerlei Ansätze.

    Bei meiner Lösung muss das Rectangle tatsächlich immer wieder neu gezeichnet werden - auch komplett. Das geht leider nicht anders, weil ich da mit einer Maske arbeite und die Textur bei jedem Frame um einen definierten Winkel gedreht und danach neu gezeichnet werden muss. Ein primitives Objekt erhält dann diese um ein paar Grad gedrehte Textur.



    Ich würde mich sehr freuen wenn Ihr mir ein paar Ratschläge oder konstruktive Ansätze geben könnt. Meine Lösung funktioniert zwar - aber absolut nicht zufriedenstellend.

    Recht herzlichen Dank im Voraus! :)

  • Mein Ansatz als Code

    macmoonshine schrieb:

    CABasicAnimation
    Hey ;)

    vielen Dank für deine Unterstützung!

    Ich veröffentliche mal meinen Code, damit du meinen Ansatz besser nachvollziehen kannst:

    PHP-Quellcode

    1. - (id)initWithFrame:(CGRect)frame
    2. {
    3. self = [super initWithFrame:frame];
    4. if (self) {
    5. // Initialization code
    7. self.opaque = YES;
    8. self.backgroundColor = [UIColor clearColor];
    10. [[NSNotificationCenter defaultCenter] addObserver:self
    11. selector:@selector(receiveNotification:)
    12. name:@"StartupRadian"
    13. object:nil];
    15. [self setNeedsDisplay];
    16. }
    18. return self;
    19. }
    21. - (void)receiveNotification:(NSNotification*)_notification;
    22. {
    24. if ([[_notification name] isEqualToString:@"StartupRadian"])
    25. {
    26. //NSLog(@"StartupRadian");
    27. radian = [(NSNumber*)_notification.object floatValue];
    29. [self setNeedsDisplay];
    30. }
    32. return;
    33. }
    35. - (void)drawRect:(CGRect)inRectangle;
    36. {
    37. CGContextRef theContext = UIGraphicsGetCurrentContext();
    39. CGContextSaveGState(theContext);
    41. [self drawMask:theContext];
    43. CGContextClip(theContext);
    45. [self draw:theContext];
    47. CGContextEOFillPath(theContext);
    49. CGContextRestoreGState(theContext);
    50. }
    53. - (void)drawMask:(CGContextRef)theContext;
    54. {
    55. float position = (320. - 287.) / 2.;
    56. CGRect theBounds = CGRectMake(position, position, 287., 287.);
    58. //CGContextSetStrokeColorWithColor (theContext, [[UIColor redColor] CGColor]);
    60. UIImage *image = IMAGE; // UIImage als Textur
    62. image =
    63. [image imageRotatedByRadians:-radian];
    65. [Graphics getContextStrokePatternImage:image
    66. context:theContext
    67. width:image.size.width
    68. height:image.size.width
    69. x:-(image.size.width - self.bounds.size.width) / 2.f
    70. y:-(image.size.width - self.bounds.size.width) / 2.f
    71. alpha:1.f
    72. invertTexture:YES];
    74. CGContextAddEllipseInRect(theContext, theBounds);
    75. CGContextSetShouldAntialias(theContext, YES);
    77. }
    79. - (void)draw:(CGContextRef)theContext;
    80. {
    81. CGRect theBounds = self.bounds;
    82. CGFloat theRadius = CGRectGetWidth(theBounds) / 2.0;
    84. theBounds.size.width = 28;
    85. theBounds.size.height = 28;
    86. theBounds.origin.x = theRadius - (theBounds.size.width / 2.0);
    87. theBounds.origin.y = 24.;
    89. CGContextAddEllipseInRect(theContext, theBounds); // Scheibe
    90. CGContextSetLineWidth(theContext, 3.0);
    91. CGContextSetShouldAntialias(theContext, YES);
    93. CGContextSetFillColorWithColor (theContext, [[UIColor redColor] CGColor]);
    95. CGContextSetShouldAntialias(theContext, YES);
    96. CGContextStrokePath(theContext);
    97. }
    Alles anzeigen



    Was gezeichnet wird ist ein Kreis der durch die Maske texturiert wird. Allerdings soll die Textur selbst in definierten Intervallen gedreht werden - NICHT der Kreis selbst - sondern nur die Textur die den Kreis überdeckt - der Kreis bleibt fix.


    Das zu zeichnende Objekt ist also als feste Einheit anzusehen.


    Ich bin mir nicht ganz sicher wie sich das mit einer Layerklasse realisieren lassen könnte. ?(


    Ich hoffe, du kannst meinen Ansatz nachvollziehen.



    :)

  • Das sollte mit Core Animation eigentlich kein Problem sein. Schau Dir mal das hier an. Das sollte Dir einen ersten Eindruck geben, wie Du einen eigenen Layer damit umsetzen kannst. Im Prinzip musst Du den Layer so implementieren, dass sich die Animation anhand Änderungen der Werte einer Property durchführen lassen.
    „Meine Komplikation hatte eine Komplikation.“

  • it works fine^^

    macmoonshine schrieb:

    Das sollte mit Core Animation eigentlich kein Problem sein. Schau Dir mal das hier an. Das sollte Dir einen ersten Eindruck geben, wie Du einen eigenen Layer damit umsetzen kannst. Im Prinzip musst Du den Layer so implementieren, dass sich die Animation anhand Änderungen der Werte einer Property durchführen lassen.
    Hey macmoonshine,

    ich könnte die Animation dank deiner Hinweise erfolgreich so umsetzen wie ich es mir vorstellte!

    Gut, man sollte also tatsächlich immer sofort an Layer denken, wenn man etwas animieren möchte.


    Vielen Dank für deine Unterstützung ;)


    Du hast mir sehr geholfen!