Hvordan å animere en serie bilder på plass i iOS-appen din - dummies

Video: I tame a Fox in Minecraft (very cute) - Part 27 2024

Her finner du en måte å animere en serie bilder på "i stedet" i iOS-appen din - du beveger deg ikke bildet rundt; i stedet endrer du bildet der det er for å få det til å virke som om det var animert.

For å få testkjøreknappen til å blinke, legg til for eksempel den dristige koden nedenfor. Som du kan se, er det bare nødvendig med en enkelt kode for å animere knappen.

- (void) viewDidLoad {[super viewDidLoad]; NSURL * backgroundURL = [NSURL filURLWithPath: [[NSBundle mainBundle] pathForResource: @ "CarRunning" 
ofType: @ "aif"]]; backgroundAudioPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL: backgroundURL feil: null]; backgroundAudioPlayer. numberOfLoops = -1; [backgroundAudioPlayer prepareToPlay]; NSURL * burnRubberURL = [NSURL filURLWithPath: [[NSBundle mainBundle] pathForResource: @ "BurnRubber" 
ofType: @ "aif"]]; AudioServicesCreateSystemSoundID ((__ bro CFURLRef) burnRubberURL, og burnRubberSoundID); [selv. testDriveButton setBackgroundImage: [UIImage animatedImageNamed: @ " Knapp "  varighet: 1. 0] forState: UIControlStateNormal]; }

Denne blinkende knappen er utformet for å vise deg hvordan du animerer skiftende bilder. Blinkende objekter på skjermen unngås generelt i gode grensesnitt. Husk det berømte ordtaket, "Mindre er mer. “

Normalt kan du tenke på å lage bakgrunnsbildet et enkelt bilde. Imidlertid animatedImageNamed: duration: og noen lignende metoder bruker i stedet en serie filer, hver vises i en varighet du angir. Denne typen metode lar deg animere (denne gangen på plass) ikke bare en knapp, men også et bilde ved å bare levere en serie bilder:

[testDriveButton setBackgroundImage: [UIImage animatedImageNamed : @ " Knapp " varighet: 1. 0] forState: UIControlStateNormal];

I metoden animatedImageNamed: gir du et base navn på et bilde som skal animeres. Metoden legger til en 0 til basenavnet og laster det bildet (i dette tilfellet, Button0).

Etter at tiden du angir i varigheten er gått, legger animatedImageNamed: metoden til neste nummer (i dette tilfellet 1) til basenavnet og forsøker å laste det og resten av bildene (opptil 1, 024 bilder) til den går tom for bilder, og så begynner den over.

I Prosjektnavigatoren åpner du opplysningstrekanten for ressursgruppen. Hvis du ser i RoadTrip Resources-gruppen, ser du to bilder, Button0 og Button1 - med knappen som basenavnet du angav.Dette er en "på plass" animasjon, så alle bilder som er inkludert i det animerte bildet, skal ha samme størrelse og skala.

Hvis du velger hvert bilde i Project navigator, kan du se at de er litt forskjellige farger, og hver vil vise for 1. 0 sekund (varighet: 1. 0). Dette gjør at knappen blinker, og legger til noe liv i hovedvisningen.