Comment mettre en place une animation de chargement lors de la navigation dans une application iPhone?

Il semble assez simple de problème, mais j'ai été incapable de trouver la ou les bonnes réponses.

Ce que je suis en train de faire est de faire une sorte d'animation, tandis que la fonction est en cours de chargement. J'ai déjà un animé .fichier gif dans la webapp lors de l'attente pour le contenu, mais j'ai besoin de la même fonctionnalité lors de la navigation en natif. Par exemple, lorsque j'appuie sur un bouton dans la barre d'onglet, l'écran est tout simplement vide jusqu'à ce que l'ensemble de la page est chargée.

Il n'a pas besoin d'être quelque chose de compliqué. J'aime la façon dont ce problème est résolu dans le facebook app avec le tristement célèbre "roue qui tourne", par exemple.

Merci d'avance!

InformationsquelleAutor Christer-André Larsen | 2009-07-16
  1. 26

    vous pouvez ajouter un UIActivityIndicatorView comme une sous-vue à vue et lorsque l'action est terminée, vous pouvez la supprimer de superview...

    UIActivityIndicatorView  *av = [[[UIActivityIndicatorView alloc]initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray] autorelease];
av.frame=CGRectMake(145, 160, 25, 25);
av.tag  = 1;
[yourView addSubview:av];
[av startAnimating];

    retirer

    UIActivityIndicatorView *tmpimg = (UIActivityIndicatorView *)[yourView viewWithTag:1];
[tmpimg removeFromSuperview];

    espère que ça aide...

    • Si vous voulez l'indicateur centré dans la page actuelle, vous pouvez modifier la deuxième ligne de code à ceci: av.frame = CGRectMake(round((yourView.frame.size.width - 25) / 2), round((yourView.frame.size.height - 25) / 2), 25, 25);
    • Sinon, pour le centre de... [av setCenter:yourView.center];
    InformationsquelleAutor Sorin Antohi
  2. 4

    Votre problème sera que le voyant d'activité ne sera pas affiché car il ne sera affiché que sur le prochain passage à travers l'exécution de la boucle, et le moment venu, vous aurez fait tout ce que vous devez!

    La très très très meilleure façon de le faire est de déplacer votre code pour appeler l'affichage suivant dans sa propre méthode, puis (après avoir construit un UIActivityIndicator comme pour les autres posts ici) ne

    [self.myactivityindicator startAnimating];
[self performSelector:@selector(myCodeToCallTheView) withObject:nil afterDelay:0];

    cela donne juste assez de chance pour l'indicateur à tirer avant d'exécuter votre code pour dessiner la vue. Bien sûr, une fois que votre nouveau point de vue s'affiche, il remplace le sélecteur.

    InformationsquelleAutor Andiih
  3. 3

    Vous pouvez ajouter un UIActivityIndicatorView quel que soit le point de vue est "chargement":

    CGRect mainBounds = [[UIScreen mainScreen] bounds];
CGRect indicatorBounds = CGRectMake(mainBounds.size.width / 2 - 12,
    mainBounds.size.height / 2 - 12, 24, 24);
UIActivityIndicatorView *indicator = [[UIActivityIndicatorView alloc]
    initWithFrame:indicatorBounds]];
indicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyleWhite;
[indicator startAnimating];
[yourLoadingView addSubview:indicator];
    • J'ai réussi à ajouter l'indicateur, mais malheureusement pas quand je suis censé le faire. Ce que je vais essayer de faire est de faire de cet indicateur apparaît quand on passe d'une page à l'autre (moment d'effectuer un nouveau ViewController et demande une nouvelle page avec NSURLRequest). J'ai essayé de tester sur webView.le chargement et ensuite démarrer l'animation lorsque cela est vrai, mais rien ne se passe. L'écran est toujours blanc jusqu'à ce que la nouvelle page est chargée (et oui, j'ai essayé avec une couleur d'arrière-plan de sorte qu'il est visible)...
    InformationsquelleAutor Nathan de Vries
  4. 3

    Ah-ha! Je viens de tombé sur un plus pratique de classe: MBProgressHUD. Lui donner un essai. Je crois que c'est ce que vous cherchez, et puis certains.

    J'ai aussi contribué un peu de mods pour l'auteur, les commentaires de blog.

    • Merci!!!! Il semblait tout à fait utile. Je vais faire un essai...
    InformationsquelleAutor Joe D'Andrea
  5. 1

    Je suppose que ça dépend de ce qui est en cours de chargement? Êtes-vous en attente d'une réponse d'un serveur? Dans ce cas, j'ai l'habitude de mettre une roue (UIActivityIndicatorView) sur mon point de vue qui a le cacher lorsqu'il n'est pas d'animer case cochée (il y a un message à définir par programme ainsi). Ensuite, lorsque les données sont reçues à partir du serveur, j'ai simplement appeler stopAnimating sur le UIActivityIndicator vue et il va se cacher. Vous pouvez alors montrer tout ce que vous avez besoin de montrer.

    • Semble être juste la chose que je cherchais. Avez-vous un exemple de code de cela? (Encore un peu rouillé en Objective-C)
    • Si vous avez une vue contrôleur dans interface builder tout ce que sous-classe de votre propre sous-classe UIViewController. Puis ajouter un IBOutlet UIActivityIndicatorView à la vue. disons IBOutlet UIActivityIndicatorView indicateur; en effet, Vous serait alors simplement appeler [indicateur startAnimating] ou [indicateur stopAnimating]; (je pense que c'est le bon nom pour le message.
    • Ahh désolé, je n'ai pas préciser, mais je ne suis pas à l'aide de l'IB. L'application est presque fini, donc je préfère ne pas commencer à l'utiliser à ce point 🙂
    InformationsquelleAutor John
  6. 1

    Vous avez besoin pour mettre en œuvre un nouveau thread pour le travail qui doit être fait entre le début et l'arrêt de l'animation.
    Voir la suite de:

    http://discussions.apple.com/thread.jspa?threadID=1531358&start=0&tstart=0

    InformationsquelleAutor Brij
  7. 1

    Sur une esthétique notez, notez que UIActivityIndicatorView est livré avec plusieurs styles pour vous de choisir. Les exemples de code ci-dessus utilise le Gris et le Blanc d'options, mais il y a plusieurs décrit dans la documentation d'Apple. Vous pouvez définir le style en utilisant:

    -initWithActivityIndicatorStyle:(UIActivityIndicatorViewStyle)

    ou par la définition de l'objet du activityViewIndicatorStyle propriété.

    InformationsquelleAutor thauburger