UILabel animation oben und unten

Habe ich diese UILabel animation, animiert, einen countdown-timer. Es funktioniert gut, aber...

Jetzt, es ist so eingerichtet, dass der text vereinfacht aus der Spitze mit der CATransition kCATransitionFromBottom. Dies dauert 0,5 Sekunden. Wie kann ich es so machen, dass in den nächsten 0,5 Sekunden, die CATransition und mein label erleichtert von unten?

Hoffe, Sie verstehen! Danke!

Hier ist ein video wie die animation aussieht im Moment: http://tinypic.com/r/5vst2h/8

-(void)updateLabel {

NSCalendar *calendar = [[NSCalendar alloc] initWithCalendarIdentifier:NSGregorianCalendar];
int *units = NSDayCalendarUnit | NSHourCalendarUnit | NSMinuteCalendarUnit | NSSecondCalendarUnit;
NSDateComponents *components = [calendar components:units fromDate:[NSDate date] toDate:destinationDate options:0];


    //ANIMASJON

secLabel.alpha = 0;
[UIView beginAnimations:nil context:nil];
[UIView setAnimationCurve:UIViewAnimationCurveEaseIn];

//don't forget to add delegate.....
[UIView setAnimationDelegate:self];

[UIView setAnimationDuration:0.5];
secLabel.alpha = 1;

//also call this before commit animations......
[UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];

CATransition *animation = [CATransition animation];
animation.duration = 0.5;   //You can change this to any other duration
animation.type = kCATransitionMoveIn;     //I would assume this is what you want because you want to "animate up or down"
animation.subtype = kCATransitionFromBottom; //You can change this to kCATransitionFromBottom, kCATransitionFromLeft, or kCATransitionFromRight
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[secLabel.layer addAnimation:animation forKey:@"secLabel"];


[dayLabel setText:[NSString stringWithFormat:@"%02d%", [components day]]];
[hourLabel setText:[NSString stringWithFormat:@"%02d%", [components hour]]];
[minLabel setText:[NSString stringWithFormat:@"%02d%", [components minute]]];
[secLabel setText:[NSString stringWithFormat:@"%02d%", [components second]]];

[UIView commitAnimations];

}

-(void)animationDidStop:(NSString *)animationID finished:(NSNumber *)finished    context:(void *)context {
{
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:0.5];
    secLabel.alpha = 0;
    [UIView commitAnimations];
}
}
InformationsquelleAutor Fredrik | 2014-02-18
  1. 5

    Animieren Etikett nach oben, dann nach unten, ich in der Regel tun Sie dies:

    [UIView animateWithDuration:0.2
                      delay:0
                    options:UIViewAnimationOptionCurveEaseIn
                 animations:^{
                             //moves label up 100 units in the y axis
                             self.myLabel.transform = CGAffineTransformMakeTranslate(0, -100);
                         }
                 completion:^(BOOL finished) {
                     [UIView animateWithDuration:0.2
                                           delay:0
                                         options:UIViewAnimationOptionCurveEaseOut
                                      animations:^{
                                          //move label back down to its original position
                                          self.myLabel.transform = CGAffineTransformMakeTranslate(0,0);
                                      }
                                      completion:nil];
                  }];

    Ist, dass das, was du suchst?

    Bearbeiten

    Recht, lese deine Frage noch einmal, so dass Sie wollen, slide & fade-in aus der Spitze und schieben Sie dann & ausblenden nach unten?

    self.mylabel.alpha = 0;

[UIView animateWithDuration:0.2
                      delay:0
                    options:UIViewAnimationOptionCurveEaseIn
                 animations:^{
                             //moves label down 100 units in the y axis
                             self.myLabel.transform = CGAffineTransformMakeTranslate(0, 100);
                             //fade label in
                             self.myLabel.alpha = 1;
                         }
                 completion:^(BOOL finished) {
                     [UIView animateWithDuration:0.2
                                           delay:0
                                         options:UIViewAnimationOptionCurveEaseOut
                                      animations:^{
                                          //move label down further by 100 units
                                          self.myLabel.transform = CGAffineTransformMakeTranslate(0,1000);
                                          //fade label out
                                          self.myLabel.alpha = 0;
                                      }
                                      completion:nil];
                  }];

    Beachten Transformationen angewendet werden relative dein frame ist original x -, y -, width -, height-Eigenschaften. So ein übersetzen von 100 Einheiten in y bedeutet, dass den Rahmen die ursprüngliche Y-Koordinate + 100.

    • Kann nicht ankommen dieses zu wirken...
    • Thx für die CGAffineTransformMakeTranslate, ich war Aktualisierung einer Einschränkung, aber es nicht animieren. Mit CGAffineTransformMakeTranslate behoben, mein problem 😀
    InformationsquelleAutor Zhang
  2. 1

    Haben Sie versucht, die Animation Blöcke. Vielleicht eine animation block innerhalb der completion-block tun kann, die gewünschten Ergebnisse. So etwas wie dieses: (unter Berücksichtigung der y-Punkt auf Ihrem Etikett irgendwo auf der Oberseite)

    [UIView animateWithDuration:0.5 animations:^{
        MyLbl.frame = CGRectMake(myLbl.frame.origin.x, 200, myLbl.frame.size.width, myLbl.frame.size.height); //200 is considered to be center
        myLbl.alpha = 1;
    } completion:^(BOOL finished){
        [UIView animateWithDuration:0.5 animations:^{
            myLbl.frame = CGRectMake(myLbl.frame.origin.x, 400, myLbl.frame.size.width, myLbl.frame.size.height); //400 is considered to be bottom somewhere
            myLbl.alpha = 0;
        }];
    }];

    Hoffe, Sie bekommen eine Idee von diesem.

    • +1 Zu posten das gleiche .
    • Danke, aber die animation springt statt fading in und aus, wie mein video zeigt. 😉 Sie haben Sie nicht einen Tipp wie meinen bestehenden code, und nur das label animieren/fade down, nachdem es verblasst von oben?
    InformationsquelleAutor GenieWanted
Schreibe einen Kommentar