Lag en Hello World iPhone-app

For min første iOS-opplæring på TechRepublic, vil jeg beskrive hvordan jeg lager den typiske Hello World-applikasjonen for iPhone, som vi vil bygge videre på i fremtidige innlegg. Jeg antar at du har en Intel-basert Mac med Xcode installert.

1. Start Xcode og opprett et nytt prosjekt ved å klikke på Create A New Xcode Project-knappen på plaskskjermen ( figur A ). Eller, hvis du avviste splash-skjermen, kan du velge File | Ny | Prosjekt fra menyen. Velg enkeltvisningsprogram fra listen over maler. Figur A

2. Kontroller at alle disse alternativene er angitt i den neste dialogboksen ( figur B ) - hvis du ikke gjør det, vil du få problemer med å følge denne opplæringen:
  • Produktnavn er Hello.
  • Enhetsfamilie er satt til iPhone.
  • Bruk storyboards er ikke valgt.
  • Bruk automatisk referansetelling er valgt.
Figur B

Prosjektet vil bli opprettet og satt opp med spesifikke filer basert på disse første innstillingene.

3. Klikk på Neste og velg et sted du vil lagre prosjektet. Xcode vil opprette en Hello-mappe under hvilken mappe du velger.

4. Bygg og kjør applikasjonen ved å velge Produkt | Kjør fra menyen eller ved å trykke Kommando-R. Du bør se iPhone-simulator starte og applikasjonen som kjører inne i den. Appen viser for øyeblikket en blank grå visning ( figur C ). Figur C

5. Appen støtter allerede flere orienteringer. For å teste dette i simulatoren, kan du velge Maskinvare | Roter til høyre fra menyen. Legg merke til at det vil rotere til portrett og begge landskapsorienteringer.

6. Klikk på hovedprosjektfilen fra filnavigatoren for å se et sammendrag av prosjektet ( figur D ); Dette lar deg stille inn bundleidentifikatoren, versjonen, støttede enheter, distribusjonsmål, startorientering, ikoner og sprutskjermer. Alle disse innstillingene er spesifisert i Info.plist-filen, som du kan komme til ved å klikke på Info-fanen. Imidlertid er det meste av de vanlige tingene du endrer, i kategorien Sammendrag. Jeg vil hoppe over alle innstillingene som er tilgjengelige for appen din, men du bør lære dem før du sender til App Store. Figur D

7. Åpne filen ViewController.xib. Dette bringer opp Interface Builder-redigereren, som lar deg lage det opprinnelige visningen. Det skal se ut som den grå visningen du så da du kjørte applikasjonen. Dette er den første visningen som blir lastet av appen. Forsikre deg om at verktøyet-panelet er synlig, og at objektbiblioteket vises. Dra en etikett inn i visningen og endre størrelsen på den slik at den passer til det meste av skjermen med en liten margin. Klikk på Attributtsinspektøren og endre teksten til Hei, Justering til sentrum og Skriftstørrelse til 100. Etiketten skal se ut som figur E. Figur E

8. Bygg og kjør i simulatoren, og legg merke til at etiketten vår vises ( figur F ). Figur F

9. Drei simulatoren til liggende modus. vil du merke at etiketten ikke holder seg i sentrum når den roterer til en liggende retning. Du kan fikse det ved å åpne filen ViewController.xib, klikke på etiketten og bytte til størrelsesinspektøren. Finn autosizing og legg merke til at den er bundet til oversiden og venstre siden av utsikten ( figur G ). Figur G

9. Fjern disse innstillingene for å holde etiketten sentrert, og aktiver størrelsen på bredden og høyden. Autosizing skal se ut som figur H. Figur H

10. Kjør appen i simulatoren og endre deretter enhetens retning til liggende. Legg merke til at den roterer og holder etiketten perfekt midt ( figur I ). Figur I

Det er det! Den klassiske Hello World-appen ble implementert uten koding, og vi får den ekstra bonusen med å støtte flere orienteringer. I min neste TechRepublic tutorial vil du gjøre litt koding for å gjøre dette programmet til en fungerende klokke.

© Copyright 2021 | pepebotifarra.com