{“Hello World”} – en innføring i programmering for iphone, del 3

Design av appen

Siden forrige innlegg har du kanskje fått en introduksjon i hvordan man bruker XCode!

Så nå er du klar for å designe Hello World appen!

Start med å gå inn på filen “main.storyboard” det er her vi legger inn hvor alle tingene i appen skal være!

Så kan du gå til høyre hjørne (nederst) og bla litt nedover til du finner “label”

Så drar du “label” til selve Iphone bildet midt på skjermen! Sånn som vist under:

Nå markerer vi “label” og går bort til høyre hjørne der du vil finne Text –> Plain! og under der står det Label, det skal du endre til “Hello World!” eller “Hallo Verden!” så det ser slik ut!

OBS: du må kanskje gjøre tekstboksen større ved å dra rundt på boksen! som vist nedenfor:

Da er vi snart ferdige med hvordan appen skal se ut! vi mangler bare litt til

OBS: Nå må du endre fargen på teksten til rød! marker teksten! gå på midtre-høyre del av skjermen der du må bla nedover til du finner “Background” også er det en farge ved siden av! klikk på den og velg/lag rød!

Dra en knapp inn under tekstboksen vår!

Denne knappen gjør at vi kan endre hva det skal stå på tekstboksen! Nå står det jo enten “Hello World!” eller “Hallo Verden!”, men vi skal endre det slik at tekstboksen endrer tekst når vi trykker på knappen vi skal legge til! (Vist under)

DEL [3] er ferdig!

Hei, nå er du ferdig med del 3, når del 4 kommer ut, hvis den allerde ikke har gjort det, så kan du gå over til den 😉

Der lærer du hvordan programmerer inn knappen så den får tekstboksen til å bytte tekst! 😉

Lykke til 😉

PS! Om du har lyst til å møte andre som er interessert iPhone-programmering, kan du bli med i gruppa vår. Der har vi diskusjonsforum og kan dele filer med hverandre.

Skrevet av Mathias Helseth