Comment recréer l'animation dans l'application Notes pour iPad?

Question

Lorsque vous utilisez l'application Notes pour iPad (d'Apple) en mode paysage, la liste des notes s'affiche à gauche. Si vous sélectionnez une note, vous voyez une belle petite animation qui ressemble à quelqu'un qui marque la note avec un crayon rouge.

J'ai déjà un graphique qui ressemble à ce cercle rouge, mais comment l'animer comme ça? Merci d'avance.

Edit 1
Voici un lien vers l'image: red circle

Answer 1

Je ne connais pas vraiment l'animation dont vous parlez, mais en supposant que je comprenne ce qu'il fait, alors un moyen simple est d'utiliser le support UIImageView intégré pour afficher une série d'images comme une animation. Vous avez ensuite besoin d'une image distincte pour chaque image.

NSArray* imageFrames = [NSArray arrayWithObjects:[UIImage imageNamed:@"frame1.png"], 
               [UIImage imageNamed:@"frame2.png"], 
               [UIImage imageNamed:@"frame3.png"], 
               [UIImage imageNamed:@"frame4.png"], 
               nil]; 
UIImageView* imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0,0,100,100)]; 
[imageView setAnimationImages:imageFrames]; 
[imageView setAnimationDuration:10]; 
[imageView setAnimationRepeatCount:3]; 

Le ci-dessus crée un UIImageView avec 4 cadres qui animent plus de 10 secondes. L'animation se répète 3 fois.

Voir le UIImageView documentation pour plus d'informations.

De toute évidence, vous avez donc besoin d'une série d'images pour animer.

Answer 2

- (void)moveRedCircle { 
    UIImageView *redcircle = [[UIImageView alloc] initWithImage:[UIImage imageWithContentsOfFile:@"redcircle.png"]]; 
    redcircle.bounds.origin = CGPointMake(x, y); 
    [self.view addSubview:redcircle]; 
    [UIView animateWithDuration:4 animations:^{ 
     redcircle.bounds.origin = CGPointMake(x, y); 
    }]; 
} 

Remplacer la première x et y avec l'endroit où vous voulez que le cercle soit au départ. Remplace le dernier x et y par l'origine de l'endroit où vous voulez le déplacer.