Tænk over det. Når du har gennemført denne vejledning, kan du fortælle dine venner, at du har opbygget en app. Siger det bare.

I denne vejledning vil jeg tage dig igennem processen med at opbygge et iOS-program. Undervejs vil jeg sørge for at lære dig om teorien og metoderne bag nogle af de begreber, der er involveret i applikationsudvikling, som vi udfører, i stedet for blot at fortælle dig at gøre noget, og håber at du forstår. Lad os først begynde med lidt baggrund:

Swift er Apples nyeste og største programmeringssprog. Tilbage i 1985, da Steve Jobs grundede NeXT-computeren efter at være blevet musket ud af Apple (nogle siger), begyndte han at udvikle nogle rammer for sine computere på et sprog kaldet Objective-C. Objective-C blev skabt i begyndelsen af ​​1980'erne af Brad Cox og Tom Love, men senere licenseret til NeXT. Disse rammer blev til sidst formodet til en delmængde af Objective-C kaldet Kakao. Kakao blev brugt i lang tid med at udvikle Macintosh-programmer, men da Apple åbnede iOS til tredjeparts ikke-web-baserede apps med iOS 2.0, havde de udviklere brug Objective-C og Cocoa Touch, en touch-orienteret version af kakao til at bygge indfødte iOS apps.

Mål-C har været i brug helt op til iOS 8. Med udgivelsen af ​​iOS 8 udgav Apple også deres helt nye Swift som du sikkert ved. Imidlertid kan Objective-C stadig bruges til at udvikle iOS apps for tiden. Faktisk bruger jeg stadig primært Objective-C, da mange biblioteker er skrevet i den, og Objective-C er kompatibel med ældre enheder. Swift introducerer nogle meget flotte nye funktioner og funktionalitet, men i forbindelse med denne øvelse tager vi en meget lavt dykke ind i det. Lad os komme igang.

forsyninger:

Trin 1: Download Xcode

Xcode er navnet på Apples integrerede udviklingsmiljø (IDE). Xcode kan bruges til at udvikle både iOS og Macintosh applikationer. Apple leverer denne software gratis, men en udvikler skal betale $ 100 om året for at både teste deres apps på fysiske enheder, ikke simulatorer og offentliggøre apps til App Store. Desuden tager Apple ca. 30% på alle betalte appsalg. Jeg anbefaler at læse lidt om Xcode før du downloader den: Xcode Link

Den bedste måde at få Xcode på er at hente den fra Mac App Store. Her er et link. Desværre er Xcode et ret stort program, så du vil bedst være parat til at vente lidt! Du kan læse gennem vejledningen for at sikre, at du forstår alt, mens det downloades.

Trin 2: Lad os komme i gang!

Klik på ikonet Xcode. Du vil blive præsenteret med et vindue, som vist på det første billede. Vælg "Opret et nyt Xcode Project"

Sørg for, at Single View-programmet er valgt under iOS, og klik derefter på Næste. (Billede 2)

For produktnavn indtast "Swift iPhone App" (billede 3)

For organisationens navn skal du blot skrive dit navn. Du skal ikke bekymre dig om bundleidentifikatoren. Det er for at sende eller distribuere din app, som vi ikke vil bekymre os om. (Billede 3)

Fra sprog drop down vælg "Swift". Som du kan se, er Objective-C stadig en mulighed. (Billede 3)

Vælg under iPhone under rullemenuen Devices. (Billede 4)

Klik på Næste, og vælg et sted for at gemme projektmappen. (Billede 5)

Når du gør alt dette, skal du præsenteres med skærmen vist i billede 6.

I øverste værktøjslinje til venstre skal du se ordene "Swift iPhone App". Ved siden af ​​det bør der være mere tekst, der enten siger bare "iOS-enhed" eller en faktisk enhed som iPhone 6, iPhone 5 osv. Klik på denne dropdown og vælg iPhone 6. Udvalget "iOS Device" fungerer ikke for dig (sådan uploader du din app til en rigtig enhed til testning), men simulatorerne vil.

Klik på afspilningsknappen i øverste venstre hjørne. Hvis alt går godt, skal iOS-simulatoren komme op og vise ………….. en blank skærm. Med statuslinjen. Slags anti-climactic. (Billede 7) Men rolig, vi kommer derhen. Tillykke! Du har oprettet din første iOS-app!

Trin 3: Arbejde på brugergrænsefladen.

I venstre rude skal du se en liste over filer. Vælg den der siger Main.Storyboard. (Billede 1)

Tilbage for meget lang tid siden oprettede brugergrænsefladen (User Interface) med bare kode var normen, men nu har Apple gjort det meget nemt at både design og program din app lige fra Xcode. Storyboard-filer omfatter brugergrænsefladen til din app. Du tilføjer UI-elementer til ting, der hedder UIViews, som administrerer disse UI-elementer. Du kan derefter tilslutte UI-elementer til den faktiske Swift-kode for at gøre dem interaktive. Mens de fleste app-udviklere bekymrer sig om funktionerne i appen, inden de udformer et fungerende brugergrænseflade, vil vi for lærings skyld gøre det omvendt. Først opretter vi brugergrænsefladen.

I nederste højre hjørne af skærmen skal du se en tekstboks. Over dette vil være en flok UI-elementer kaldet objekter. Indtast søgeforespørgslen "label", og tryk enter. Du skal se UILabel objektet pop op. UILabels bruges til at vise tekst. (Billede 2)

Træk etiketten fra søgefeltet til øverste venstre hjørne af den hvide boks, der vises på skærmen. (Billede 3)

Træk etiketternes højre grænse ved hjælp af de små hvide prikker, der omgiver mærket til højre side af skærmen. (Billede 4)

Søg nu efter "Button" på samme måde som du har mærket. Træk det første resultat, der siger "Button" til lige under etiketten. Du behøver ikke at strække knappens grænser. (Billeder 5 + 6)

Til sidst for dette trin se på billede 7. Se, hvor notatet er og klik på det. Hvis du ikke kan se det, skal du læse dette: I øverste værktøjslinje skal du i nærheden af ​​det højre hjørne se noget, der ligner tekstlinjer, der er valgt. Ved siden af ​​er der en knap med to overlappende cirkler. Klik på de overlappende cirkler.

Med dette gøres et andet vindue side om side med storyboardet skal dukke op. Ved at klikke på knappen har du hentet assistent editoren. Assistent editor er brugt til at åbne to filer på én gang, og dreng gør det praktisk, især når du tilslutter UI-elementer til koden. Din assistentredaktør vil have en hvid baggrund, men jeg ændrede minen til et køligere farveskema, bare for det.

Filen der er åben i assistentredaktøren kaldes en visningskontrol. Vis controllere er filer, der godt styrer visningene i din app. Hver visning er et separat vindue i appen. For eksempel i appen Beskeder er startskærmen med alle dine chats ét billede, så når du klikker på et navn, tager det dig til en anden visning, hvor alle dine beskeder med den pågældende person vises.

Trin 4: Hook It Up!

Venstre museklik og træk eller kontrol klik og træk på etiketten til det sted, der vises i billede 1. Sørg for at den blå linje er på det rigtige sted, inden du slipper. Er det? Hvis ja, slip derefter.

Du skal nu præsenteres med en dialogboks. Skriv "label", hvor det hedder navn, og klik på Opret forbindelse. (Billede 2)

Hvad du gjorde her var at oprette en IBOutlet. Dette fortæller kompilatoren, at du vil have adgang til dette brugerelement, og du vil referere det til "label". Du bruger derefter udtrykket "label" til at referere til det senere, når du faktisk skriver programmet.

Gør det samme klik og træk rutinemæssigt med knappen, undtagen denne gang notere den forskellige position for at trække den til som vist i billede 3. Positionen gør ikke virkelig betyder noget så meget, men det ser pænere ud, hvis du gør det på denne måde. Lad gå, og en anden dialogboks skal dukke op.

Inden du tilføjer et navn, skal du vælge under handlingstilslutningen Tilslutning. Mens afsætningsmuligheder giver dig adgang til brugergrænseelementet (skift tekstfarve, tekst, baggrund osv.), Er handlinger, hvordan du interfacer med interaktive elementer som knapper i koden. I det væsentlige giver de en interaktiv bro fra brugergrænsefladen til programmet. Indvendige handlinger kan du fortælle kompilatoren om, at du rent faktisk vil gøre noget. Når du f.eks. Trykker på en knap, kan du fortælle kompilatoren at ændre baggrundsfarven til blå, men når en anden knap tappes, skiftes den til rød. For navnet indtast knappen Tryk og klik på Opret forbindelse. (Billeder 4 + 5)

Bemærk, hvordan jeg aktiverede det første bogstav i streng-knappenPress, og det andet ord er aktiveret. Dette kaldes kamel tilfælde.Camel sagen bruges, fordi hvidt mellemrum (mellemrummet) ikke er tilladt i mange aspekter af programmeringen. Camel case er en måde at let differentiere mellem flere ord, når du ikke kan bruge mellemrum. Første bogstav er altid ikke aktiveret, og efterfølgende ord aktiveres. For eksempel, dette erCamelCase. Må ikke forveksles med klasser. Klasser altid kapitaliser det første bogstav og eventuelle efterfølgende bogstaver. For eksempel er ViewController et klassenavn, som UILabel og IBOutlet.

Okay. Lad os holde trudging videre. Hvis du klikker på forbindelse, skal du indsætte følgende kode i dit program:

@IBAction func buttonPress (afsender: AnyObject) {

}

Trin 5: Start kodning!

Inde i de krøllede braces er hvor du sætter din kode. Hver gang knappen trykkes, kodes koden inde i de krøllede beslag.

Træk returnøglen et par gange efter den første krøllebøjle i IBAction for at give dig selv plads. Derefter skal du enten skrive eller kopiere og indsætte følgende kode:

self.label.text = "Swift er Awesome!"

Hvis du har skrevet det, har du måske bemærket, som du gik med, at et vindue dukkede op under teksten med nogle forslag. Dette kaldes autofuldførelse, og det sparer båd masse tid ved programmering. Tryk på torget øverst til venstre ved siden af ​​afspilningsknappen for at stoppe den aktuelle bygning af appen (den tomme), som vi havde kørt. Derefter skal du spille for at genopbygge og køre din nye app. Når iOS-simulatoren vises og læser, skal du prøve at trykke på knappen. Teksten skal skifte fra kedelig gammel "label" til "Swift is Awesome!". Der har du det! Lad os nu gennemgå, hvad koden rent faktisk gør.

Ting, der hedder objekter, er grundlaget for de fleste programmeringssprog. Således er disse sprog kaldet objektorienterede programmeringssprog. C #, C ++. Swift, Objective-C og Python er alle objektorienterede sprog sammen med hundredvis af andre. Objekter har ting, der kaldes egenskaber. En egenskab er i det væsentlige en variabel, der lagrer en smule information. For eksempel gemmer tekstegenskaben på din etiket noget tekst. Etikettobjektet har mange andre egenskaber, som baggrundsfarve og ramme. Du kan se nogle af dem ved at skrive selv.label. og derefter bruge piletasterne til at rulle gennem autofuldførelseslisten. Egenskaber åbnes ved hjælp af punktnotation. Selvobjektet indeholder ejendomsetiketten, som indeholder mange andre underegenskaber, som igen har nogle sub-underegenskaber og så videre. For eksempel styrer rammeegenskaben i etiketobjektet størrelsen af ​​etiketten. Du kunne få eller sætte højden på etiketten ved at skrive selv.label.frame.size.height. Det er klart det så så det så meget mere kompleks end dette, men det er et grundlæggende resumé.

Når du skriver: self.label.text = "Swift is Awesome!" du opdaterer tekstegenskaben til en streng. "" Sekvensen er stenografi for at lave en strengobjekt, som du derefter angiver som tekstegenskab for din etiket. Du kan lægge uanset tekst, du vil inde i citatmærkerne.

En anden vigtig ting i visningskontrollen filen er dette:

tilsidesætte func viewDidLoad () {

super.viewDidLoad ()

// Gør nogen yderligere opsætning efter at have læst visningen, typisk fra en nib.

}

Indenfor disse krøllebøjler kan du tilføje kode, der udføres, så snart visningen laster, derfor viewDidLoad. Nå, jeg tror det er nok for nu.

Trin 6: Du har gjort det!

Der har du det. Din allerførste iOS-applikation. Nu gå videre og skryt om det!

Herfra opfordrer jeg stærkt dig til at spille rundt i Xcode og få en fornemmelse for stedet. Prøv at opdatere teksten på etiketten indenfor viewDidLoad og se, hvad der sker. Se om du kan finde ud af, hvordan du tekstmæssigt ændrer tekstfarven.

Tak for at læse! Jeg håber virkelig, du har haft det rigtige og lærte noget i processen. Venligst vær venlig og vær opmærksom på og kommentér for at vise din støtte. Hvis du har spørgsmål overhovedet, send dem i kommentarerne, og jeg vil gøre mit bedste for at besvare dem. For at tjekke nogle af de projekter, jeg har arbejdet på, kan du besøge Min hjemmeside. Åh, og forresten er jeg kun 15. Hvad er din undskyldning?

Selv om denne vejledning var i Swift, foreslår jeg stærkt, at du først lærer Objective-C, hvis du vil komme ind i programmeringen. Faktisk skal du kende Objective-C, hvis du laver iOS-udvikling. Swift er stadig et nyt sprog, så de fleste af de nice repositorier på GitHub og andre steder er ikke skrevet i Swift. Swift målretter kun kun iOS 8, som udelukker en betydelig del af iOS-enheder fra at downloade eller køre din app. Selvom vi faktisk programmerede nogle få ting, slog vi ikke engang overfladen af ​​iOS appudvikling. Selvom det ikke nødvendigvis er det kompliceret der er bare så mange ting. Masser af ting.

For flere ting har Youtube nogle utroligt talentfulde programmører, der offentliggør fantastiske tutorials gratis, så det kan være værd at kigge på nogle af dem. En anden stor ressource er www.raywenderlich.com, som også har nogle fantastiske tutorials til rådighed for både begyndere og avancerede programmører.