![\"\"](\"\/wp-content\/uploads\/2009\/03\/first_iphone1.png\")
<\/a><\/div>\nOps\u00e6tningen af milj\u00f8et er som f\u00f8lger:<\/p>\n
- \n
- Find en Mac med OS X 10.5.5 eller nyere (kan fx. installeres som en VM under windows). Dette er i skrivende\u00a0stund kravet for at kunne k\u00f8rer den nyeste iPhone SDK<\/li>\n
- F\u00f8rst installeres Xcode Tools. Dette er udviklingsmilj\u00f8et (svarerende til Microsoft Visual Studio til Windows). Xcode kan findes p\u00e5\u00a0Install DVD’en, der f\u00f8lger med OS X.<\/li>\n
- Bliv registreret som iPhone developer\u00a0under iPhone Dev\u00a0Center<\/a> og download iPhone SDK.<\/li>\n
- Installer iPhone SDK (men f\u00f8rst efter Xcode installationen).<\/li>\n
- Tillykke. Du har nu en virtuel iPhone p\u00e5 din computer. K\u00f8r\u00a0programmet iPhone simulator og en iPhone vil dukke op p\u00e5 din\u00a0sk\u00e6rm. Leg lidt med den inden vi g\u00e5r videre \ud83d\ude42<\/li>\n<\/ol>\n
F\u00f8rste program<\/h3>\n
S\u00e5 g\u00e5r det l\u00f8s, “Hello World” applikationen skal implementeres. Applikationen vil blot indeholde en label med tekst og en knap til at \u00e6ndre\u00a0denne tekst.<\/p>\n
F\u00f8rst startes et nyt projekt. Dette g\u00f8res under File \u2192 New\u00a0Project. Her v\u00e6lges iPhone OS \u2192 Application \u2192 View-Based\u00a0Application, da vi kun har brug for \u00e9t view og ingen af de ekstra\u00a0features de andre muligheder giver os. Kald projektet “Hello\u00a0World” og tryk OK.<\/p>\n
Xcode laver nu selv et grundprojekt med et view tilknyttet, som\u00a0nu skal udvides med den \u00f8nskede funktionalitet.<\/p>\n
N\u00e5r Xcode har generet projektet kommer “Project” vinduet frem (skulle det blive skjult igen kan der altid trykkes cmd + 0 for at f\u00e5 det vist p\u00e5 ny). Herfra vil vi som det f\u00f8rst \u00e6ndre\u00a0lidt p\u00e5 vores applikationsbrugerflade. I “Project” vinduet g\u00e5 da ind\u00a0under HelloWorld \u2192 Resources og dobbeltklik\u00a0HelloWorldViewController.xib. Dette starter Interface Builder\u00a0Applikationen. Denne viser i vinduet View et billede af applikationsbrugerfladen, der pt blot er en uinteressant gr\u00e5 baggrund.<\/p>\n
Hvis vinduet “Library” ikke allerede er \u00e5bent kan dette g\u00f8res fra Tools\u00a0\u2192 Library. I “Library” ses en masse brugergr\u00e6nseflade elementer, som\u00a0kan tr\u00e6kkes over p\u00e5 i Interface builderen. I denne gennemgang skal vi som n\u00e6vnt bruge\u00a0en label og en knap, s\u00e5 tr\u00e6k disse to over i viewet.<\/p>\n
![\"Interface](\"\/wp-content\/uploads\/2009\/03\/interface_builder1.png\")
<\/a><\/div>\nDobbeltklik p\u00e5 lablens tekst og ret denne til &qout;Hello\u00a0World!&qout;<\/p>\n
Hvis vi bare ville have vores applikation til at vise en label med\u00a0“Hello World”, s\u00e5 kunne vi v\u00e6re f\u00e6rdig nu. For at f\u00e5 noget kode ind,\u00a0udvider vi den til ved klik p\u00e5 knappen at skrive “Hello Universe!”.<\/p>\n
I HelloWorldViewController.h, fundet under “Classes” i projektmappen,\u00a0udvides interface med f\u00f8lgende:<\/p>\n
![\"HelloWorldViewController.h\"](\"\/wp-content\/uploads\/2009\/03\/view_h.png\")
<\/a><\/div>\nHelloWorldViewController.h er header filen for vores\u00a0ViewController. Den f\u00f8rste linje vi tilf\u00f8jer definerer en variabel,\u00a0lblHello<\/tt>, af typen UILabel og som er et outlet til en IO enhed. Den\u00a0anden linje vi tilf\u00f8jer definerer metoden, updateLabel, der skal\u00a0kaldes n\u00e5r vores knap trykkes ned.<\/p>\n
Nu skal vi s\u00e5 have forbundet vores erkl\u00e6rede variabel og metode med\u00a0elementerne i vores interface. Derfor \u00e5bner vi igen Interface\u00a0Builderen, s\u00e5 dobbeltklik p\u00e5 HelloWorldViewController.xib.<\/p>\n
Klik p\u00e5 lablen og \u00e5ben “Connections Inspectoren”, fra “Tools” menuen. Ud for “New Reference Outlet” ses en cirkel. Klik\u00a0p\u00e5 denne cirkel, hold nede og tr\u00e6k den bl\u00e5 streg, der kommer frem,\u00a0over til “File’s Owner” ikonet som illustreret her:<\/p>\n
![\"UI](\"\/wp-content\/uploads\/2009\/03\/label2var1.png\")
<\/a><\/div>\nI den fremkommende menu, knyt da lablen til lblHello variablen.<\/p>\n
P\u00e5 samme m\u00e5de knytter vi knappen til projektet. Klik p\u00e5 knappen og\u00a0g\u00e5 ind i “Connections Inspector”. Da vi vil have noget til at ske n\u00e5r\u00a0knappen trykkes ned, klikke vi p\u00e5 cirklen ud for “Touch Up Inside”\u00a0eventet og tr\u00e6kker pilen over p\u00e5 “File’s Owner”, hvor vi knytter den til\u00a0updateLabel metoden.<\/p>\n
Nu skal koden skrives, som \u00e6ndre lablen n\u00e5r knappen trykkes ned. \u00c5ben\u00a0HelloWorldViewController.m fundet under “Classes” mappen. Der vil\u00a0muligvis v\u00e6re en masse udkommenterede metoder heri, indsat af Xcode da\u00a0filen blev genereret. Disse er bare metoder nedarvet fra\u00a0UIViewControlleren og kan overskrives hvis man har behov for det. Vi\u00a0er godt tilfredse med dem som de er, s\u00e5 vi ignorerer dem og udvider\u00a0filen med f\u00f8lgende kode:<\/p>\n
![\"HelloWorldViewController.m\"](\"\/wp-content\/uploads\/2009\/03\/view_m.png\")
<\/a><\/div>\nDermed tildeles strengen “Hello Universe” til teksten i\u00a0vores label.<\/p>\n
Applikationen kan nu kompileres og k\u00f8res i iPhone simulatoren.<\/p>\n
V\u00e6lg “Simulator” som \u00f8nsket kompileringsresultat (target) og tryk “Build and Go” ikonet i toppen af\u00a0“Project” vinduet for at starte applikationen.<\/p>\n