Erstellen einer Pop-Animation ähnlich der Präsentation von UIAlertView

Möchte ich eine Ansicht in der gleichen Weise wie der uialertview-Objekt - pop/Frühjahr. Leider Unterklassen uialertview-Objekt ist nicht eine option für die Ansicht, die ich präsentieren muss. Ich habe geschrieben einige Codes, aber ich kann nicht scheinen, um es so realistisch wie ich es gerne hätte. Ich würde schätzen, Anregungen für mehr Realismus oder einen link, wenn etwas ähnliches getan hat (ich konnte nichts finden auf Google). Danke.

  - (id)initWithFrame:(CGRect)frame {
    if ((self = [super initWithFrame:frame])) {

        self.backgroundColor = [UIColor whiteColor];

        v = [[UIView alloc] initWithFrame:CGRectMake(140, 140, 60, 60)];
        v.backgroundColor = [UIColor blueColor];

        [self addSubview:v];
        [self animate];

    }
    return self;
}

- (void)animate {

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    [UIView setAnimationDuration:0.2];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(popStep1Complete)];
    v.frame = CGRectMake(90, 90, 140, 140);
    [UIView commitAnimations];
}

- (void)popStep1Complete {

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    [UIView setAnimationDuration:0.15];
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(popStep2Complete)];
    v.frame = CGRectMake(110, 110, 100, 100);
    [UIView commitAnimations];
}

- (void)popStep2Complete {

    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    [UIView setAnimationDuration:0.15];
    v.frame = CGRectMake(100, 100, 120, 120);
    [UIView commitAnimations];
}

InformationsquelleAutor der Frage RunLoop | 2010-04-22

  1. 77
    - (void) attachPopUpAnimation
{
    CAKeyframeAnimation *animation = [CAKeyframeAnimation
        animationWithKeyPath:@"transform"];

    CATransform3D scale1 = CATransform3DMakeScale(0.5, 0.5, 1);
    CATransform3D scale2 = CATransform3DMakeScale(1.2, 1.2, 1);
    CATransform3D scale3 = CATransform3DMakeScale(0.9, 0.9, 1);
    CATransform3D scale4 = CATransform3DMakeScale(1.0, 1.0, 1);

    NSArray *frameValues = [NSArray arrayWithObjects:
        [NSValue valueWithCATransform3D:scale1],
        [NSValue valueWithCATransform3D:scale2],
        [NSValue valueWithCATransform3D:scale3],
        [NSValue valueWithCATransform3D:scale4],
        nil];
    [animation setValues:frameValues];

    NSArray *frameTimes = [NSArray arrayWithObjects:
        [NSNumber numberWithFloat:0.0],
        [NSNumber numberWithFloat:0.5],
        [NSNumber numberWithFloat:0.9],
        [NSNumber numberWithFloat:1.0],
        nil];    
    [animation setKeyTimes:frameTimes];

    animation.fillMode = kCAFillModeForwards;
    animation.removedOnCompletion = NO;
    animation.duration = .2;

    [self.layer addAnimation:animation forKey:@"popup"];
}

    InformationsquelleAutor der Antwort zoul

  2. 7

    den Zeiger auf delackner s post ist die beste, die erste fand ich als gut. ich würde nur anbieten, für Leute die versuchen wirklich zu imitieren uialertview-Objekt ein paar Dinge:

    1. hinzufügen die abgerundeten Kanten, Rand -, und semi-transparente Schicht Farbe
    2. einige alpha-fade-in/-out und
    3. nochmal mit Blöcken etwas mehr bündig mit der neuesten iOS toolchain
    4. ich fand auch die anfängliche 1.1 scale-out schlägt er zu groß, 1.05 schien mehr richtig optisch für mich in den meisten Fällen

    Code: 

    self.layer.cornerRadius = 10.0;
[self.layer setMasksToBounds:YES];
self.layer.backgroundColor = [[UIColor blueColor] colorWithAlphaComponent:0.60].CGColor;
self.layer.borderColor = [UIColor whiteColor].CGColor;
self.layer.borderWidth = 1.1;
if (self.hidden == YES) { //swoop in if coming from hidden, otherwise pulse in-place
  self.transform = CGAffineTransformMakeScale(0.6, 0.6);
}
self.hidden = NO;
[UIView animateWithDuration:0.2
                 animations:^{
                   self.transform = CGAffineTransformMakeScale(1.05, 1.05);
                   self.alpha = 0.8;
                 }
                 completion:^(BOOL finished){
                   [UIView animateWithDuration:1/15.0
                                    animations:^{
                                      self.transform = CGAffineTransformMakeScale(0.9, 0.9);
                                      self.alpha = 0.9;
                                    }
                                    completion:^(BOOL finished) {
                                      [UIView animateWithDuration:1/7.5
                                                       animations:^{
                                                         self.transform = CGAffineTransformIdentity;                                                             
                                                         self.alpha = 1.0;
                                                       }
                                       ];
                                    }
                    ];
                 }
 ];

    InformationsquelleAutor der Antwort natbro

  3. 5

    Eins: multi-Schritt-Animationen wie diese sind viel einfacher, wenn Sie eine CAKeyframeAnimation statt mutiple UIView in der Warteschlange Animationen.

    InformationsquelleAutor der Antwort Ole Begemann

Schreibe einen Kommentar