Comment animer une série d'images «en place» dans votre application iOS

category Ordinateurs et logiciels / Programmation / Ios

Ici, vous trouverez une façon d'animer une série d'images "en place" dans vos iOS App-vous ne bougez pas l'image around- place vous changez l'image où il est pour le faire apparaître comme si elle était animée.

Pour rendre le bouton Test Drive clin d'œil, par exemple, ajouter le code en gras ci-dessous. Comme vous pouvez le voir, une seule ligne de code est nécessaire pour animer le bouton.

- (void) viewDidLoad {[super viewDidLoad] -NSURL * backgroundURL = [NSURL fileURLWithPath: [[NSBundle mainBundle] pathForResource: @ "CarRunning" 
ofType: @ "aif"]] - backgroundAudioPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL: erreur backgroundURL: nil] -backgroundAudioPlayer.numberOfLoops = -1- [backgroundAudioPlayer prepareToPlay] -NSURL * burnRubberURL = [NSURL fileURLWithPath: [[NSBundle mainBundle] pathForResource : @ "BurnRubber" 
ofType: @ "aif"]] - AudioServicesCreateSystemSoundID ((__ pont CFURLRef) burnRubberURL, burnRubberSoundID) - [self.testDriveButton setBackgroundImage: [UIImage animatedImageNamed: @"Bouton" 
Durée: 1.0] forState: UIControlStateNormal] -}

Ce bouton clignote est conçu pour vous montrer comment animer des images changeantes. Objets à clignoter sur l'écran sont généralement évitées dans de bonnes interfaces. Rappelez-vous le célèbre adage, «Less is more».

Normalement, vous pourriez penser à faire l'image d'arrière-plan d'une seule image. cependant, animatedImageNamed: durée: et certaines méthodes similaires utilisent à la place une série de fichiers, chaque affichée pour une durée que vous spécifiez. Ce type de méthode vous permet d'animer (cette fois, au lieu) non seulement un bouton, mais aussi toute l'image en fournissant simplement une série d'images:

 [testDriveButton setBackgroundImage: [UIImage animatedImageNamed: @"Bouton" Durée: 1.0] forState: UIControlStateNormal] -

Dans le animatedImageNamed: méthode, vous fournissez un base nom d'une image à animer. La méthode ajoute un 0 au nom et à l'image que les charges de base (dans ce cas, Button0).

Après le temps que vous spécifiez dans durée est écoulé, la animatedImageNamed: méthode ajoute le numéro suivant (dans ce cas, 1) au nom de l'image de base et tente de charger et le reste des images (jusqu'à 1024 images) jusqu'à épuisement des images, et puis il recommence.

Dans le navigateur de projet, ouvrez le triangle pour le groupe de ressources. Si vous regardez dans le groupe RoadTrip Ressources, vous voyez deux images, Button0 et Button1 - avec Bouton étant le nom de base que vous avez spécifié. Ceci est une animation «en place», donc toutes les images incluses dans l'image animée doivent partager la même taille et d'échelle.

Si vous sélectionnez chaque image dans le navigateur de projet, vous pouvez voir qu'ils sont des couleurs légèrement différentes, et chacun sera affichée pendant 1,0 secondes (durée: 1,0). Cela rend le bouton clignotent et ajoute un peu de vie à la vue principale certainement.

A propos Auteur

Excel 2011 pour Mac: ajouter une image à un fond de feuille de calcul

Derrière les cellules sur chaque feuille de calcul Excel dans Office 2011 pour Mac est une couche de fond que vous pouvez formater. Excel 2011 pour Mac ne propose pas beaucoup de personnalisation à cette fonctionnalité, mais vous pouvez placer…

Comment insérer des images à partir de fichiers graphiques dans Excel 2007

Dans Excel 2007, vous pouvez insérer des images telles que des photos numériques ou les images numérisées qui sont enregistrés sous forme de fichiers graphiques dans vos feuilles de calcul.Si vous souhaitez apporter une image graphique créé…

Galerie bionique Droid: faire pivoter ou supprimer des images

Vous pouvez utiliser l'App Gallery sur votre Droid Bionic de faire de légères modifications à vos photos, comme la rotation des photos ou en les supprimant. Voici les étapes à suivre.Rotation vos photosImages ce flop quand ils devraient…

Comment utiliser des images sur votre galaxie S6

En plus de partager des photos depuis votre appareil photo, votre téléphone Galaxy S6 vous permet d'utiliser une photo de la Galerie comme fond d'écran ou une photo à un contact. Et si les paramètres de prise de vue de fantaisie dans…

Comment animer les transitions dans l'application Keynote pour iPad

Dans l'application Keynote pour l'iPad, vous pouvez contrôler la transitions entre les diapositives - qui est, comment la présentation se déplace d'une diapositive à l'autre. Transitions ajouter un peu de style à votre présentation Keynote,…

Comment créer stop-motion avec l'animer! IPad App

Animation en stop-motion peut être créé avec l'animer! application iPad, il est si facile d'intégrer des missions d'animation dans une classe iPad. Animation en stop-motion sur iPad permet aux élèves d'explorer leur capacité de raconter des…

Ajout d'images à vos tweets pour optimiser votre présence sur Twitter

Bien que Twitter impose une limite de caractères, il ya quelques trucs que vous pouvez utiliser pour tirer le meilleur parti de l'espace limité sur ce site de média social. Une des meilleures façons de créer des tweets les plus riches est…

Comment insérer des images d'arrière-plan sur votre profil twitter

Après avoir choisi l'image que vous souhaitez utiliser dans votre arrière-plan, l'uploader sur Twitter est relativement facile. Suivez ces étapes pour télécharger et positionner un fond Twitter:1Ouvrez Twitter dans votre navigateur web…

Comment ajouter des images à partir d'autres sites Web sur votre blog

Blogger vous permet d'ajouter une image d'un autre site Web sur votre blog. Si vous avez l'autorisation d'utiliser l'image ou si l'image est dans le domaine public, vous pouvez créer un intérêt supplémentaire dans votre annonce en incluant une…

Comment créer des animations avec des images clés

Pour créer des effets animés sur votre site Web à afficher sur l'iPad et l'iPhone, vous devez utiliser des images clés. Plus complexe CSS 3 animations comptent sur les images clés. Les images-clés sont les points dans une animation où quelque…

Création d'une image survolée dans Dreamweaver CS3

Dans Dreamweaver, les images de survol - comme son nom l'indique - sont conçus pour réagir quand quelqu'un lance un curseur sur une image. L'effet peut être aussi dramatique que l'image d'un chien étant remplacé par une image d'un lion, ou…

Comment télécharger des images sur Squarespace

Les images sont importantes, car elles ajoutent un attrait visuel important pour la conception de votre site web. Vous pouvez obtenir une image sur votre site Web grâce Squarespace de trois façons:Glissez et déposez l'imageSélectionnez et…

Comment effacer les images sélectionnées sur la t5i rebelle

Pour effacer plus de quelques mais pas toutes les images sur la carte mémoire dans votre Canon Rebel t5i, gagner du temps et la difficulté en utilisant cette alternative à la suppression des photos une par une:Le menu de lecture 1, choisissez…

Comment prévisualiser les images sur votre EOS 6d canon

Le Canon EOS 6D vous donne plusieurs options pour la prévisualisation des images. En plus d'afficher des informations avec vos images, vous pouvez afficher plusieurs images sur l'écran, un zoom avant pour étudier l'image plus en détail, ou un…

godiches.com » Ordinateurs et logiciels » Programmation » Ios » Comment animer une série d'images «en place» dans votre application iOS