Animation & drawRect

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

  • Animation & drawRect

    Hallo,

    ich möchte in einem Statistik View einen Balken zeichnen, der je nach Erfüllungsgrad zu x Prozent gefüllt ist.
    Das Füllen sollte animiert werden.

    Was ich bisher getan habe, funktioniert leider nicht. Ist mein Ansatz falsch?
    In ViewDidLoad habe ich den subView angelegt und drawRect zeichnet auch das Rechteck.


    In ViewDidAppear wollte ich eine Animation starten aber so scheint das nicht zu funktionieren.
    Der Wert wird zugewiesen aber drawRect nicht aufgerufen.

    Jedes Feedback ist willkommen.


    Quellcode

    1. @interface CycleResultsView : UIView {
    2. NSInteger total;
    3. NSInteger correct;
    4. }
    6. @property (nonatomic, assign) NSInteger total;
    7. @property (nonatomic, assign) NSInteger correct;
    9. - (id)initWithFrame:(CGRect)frame total:(NSInteger)numberOfQuestions;
    10. - (void)setCorrect:(NSInteger)value;
    12. @end
    14. @implementation CycleResultsView
    16. @synthesize total, correct;
    18. - (void)setCorrect:(NSInteger)value {
    19. correct = value;
    21. [self setNeedsDisplay];
    22. }
    25. - (id)initWithFrame:(CGRect)frame total:(NSInteger)numberOfQuestions {
    27. self = [super initWithFrame:frame];
    28. if (self) {
    29. total = numberOfQuestions;
    30. }
    32. return self;
    33. }
    35. static CGColorSpaceRef getTheRGBColorSpace(void)
    36. {
    37. static CGColorSpaceRef deviceRGB = NULL;
    38. // Set once, the first time this function is called.
    39. if(deviceRGB == NULL)
    40. deviceRGB = CGColorSpaceCreateDeviceRGB();
    42. return deviceRGB;
    43. }
    46. // Only override drawRect: if you perform custom drawing.
    47. // An empty implementation adversely affects performance during animation.
    48. - (void)drawRect:(CGRect)rect {
    49. CGContextRef context = UIGraphicsGetCurrentContext();
    51. CGColorSpaceRef theColorSpace = getTheRGBColorSpace();
    52. CGContextSetFillColorSpace(context, theColorSpace);
    53. CGContextSetStrokeColorSpace(context, theColorSpace);
    55. float greenWeb[] = { 0./255, 128./255, 0./255, 0.85 };
    57. CGContextSetFillColor(context, greenWeb);
    58. CGContextSetRGBStrokeColor(context, 0.000, 0.000, 0.000, 0.85);
    60. CGContextStrokeRect(context, self.bounds);
    61. if (correct) {
    63. CGRect rect = self.bounds;
    64. rect.size.width = self.bounds.size.width/total*correct;
    65. CGContextFillRect(context, rect);
    66. }
    67. }
    68. @end
    70. - (void)viewDidLoad {
    71. [super viewDidLoad];
    72. self.myCycleResultsView = [[CycleResultsView alloc] initWithFrame:rect total:totalNumber];
    73. }
    75. - (void)viewDidAppear:(BOOL)animated {
    76. [super viewDidAppear:animated];
    77. [UIView animateWithDuration:2.0
    78. delay:0
    79. options:UIViewAnimationOptionAllowAnimatedContent
    80. animations:^{self.myCycleResultsView.correct = answers;}
    81. completion:NULL];
    82. }
    Alles anzeigen


  • Wenn Du für die Animation CoreAnimation verwenden möchtest, was sehr zu empfehlen ist, dann solltest Du die Darstellung über Views machen. Am einfachsten verwendest Du UIViews mit der entsprechenden Hintergrundfarbe oder UIImageViews. Die Füllhöhe der Balken legst Du über die Größe des Frames fest. Diesen Frame kannst Du dann über implizite oder explizite Animationen verändern.

    Das ist viel einfacher, als es sich anhört. ;)
    „Meine Komplikation hatte eine Komplikation.“