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

Programmering av appen! part 1!

MERK: Dette er part 1 av hvordan du programmerer appen! For å få en god forståelse av dette, burde du vente til part 2 kommer ut!

Siden forrige innlegg har du kanskje fått designet appen?

Så nå er du klar for å programmere “Hello World” appen!

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!

Da starter programmeringen!

Valgfritt: Lag teksten rød ved å gå rett under der du skrev inn Hallo Verden eller Hello World! der står det Color! du trykker på den så velger du rød!

Nå skal vi gjøre slik at når du trykker på knappen så skal tekstboksen vise en annen tekst som vi skal legge inn!

Så finner du fram “KKViewController.h” på venstre side av skjermen, og åpner den!

XCode

OBS: Nå blir det mye å følge med på!

Inne på “KKViewController.h” så lurer du sikkert på hva “KK” er? Det er nemlig de initialene vi skrev inn for navnet på appen! altså “KidsaKoder” så hvis du lager et nytt prosjekt, og det heter noe annet, så må du huske å bytte initialene sånn at de passer med  appen, da blir det enklere å holde orden! F. Eks.  Hvis appen heter “ZombieLoop” så er initialene “ZL”!

selve “ViewController.h” og “ViewController.m” er der vi legger inn koden for skjermen “main.storyboard” der vi la inn tekstboksen og knappen!

Så nå skal vi si til XCode at knappen og tekstboksen som ligger inne i “Main.Storyboard” faktisk finnes, og vil ha et navn!

Dette gjør vi ved å gå inn på “KKViewController.h” og så skriver du inn slik:

XCode

Nå lurer du sikker fælt på hva alt dette skulle bety!? Det det betyr er egentlig det at på linje 13 så skal XCode vite at det faktisk finnes en tekstboks i “main.storyboard”!

og at på linje 14 så skal XCode vite at det finnes en Knapp i “main.storyboard”!

DEL [3] er ferdig!

Hei, nå er du ferdig med del 4, når del 5 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

/0 Kommentarer/av

{“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!

XCode

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

XCode

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

XCode

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!

XCode

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

XCode

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)

XCode

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

/2 Kommentarer/av

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

,

Lage et nytt prosjekt!

Siden forrige innlegg har du kanskje lastet ned XCode og Sketchbook Express, hvis ikke gjør dette før vi starter 😉

1. Vi starter ved å åpne XCode og velger “Create a new XCode Project”:

XCode Setup

2. Så velger vi “Single View Application”:

XCode Setup

3. Så skal du velge hva appen skal hete! Her har vi satt opp hva de forskjellige boksene betyr! Er teksten skrevet i rødt henviser den til boksen markert med rødt!

Screenshot 2013-10-26 18.46.46

4. Nå velger du hvor du vil lagre prosjektet! (Anbefaler deg å lage en mappe på skrivebordet ditt der du kan legge prosjektet i! Den kan hete for eksempel “Apper”)

XCode Setup

MERK: Du kan kalle appen hva du vil, men for at det skal bli enklere nå og andre ganger så anbefaler jeg at du bruker samme tittel som jeg bruker! Så i dette tilfellet “Kidsa Koder!”

“Hello World”

I dette prosjektet skal vi lage en veldig enkel app, Vi skal programmere og designe appen  som skal vise teksten “Hello World!” eller “Hallo Verden!” hvis du vil det! Denne teksten skal vises ca. midt på skjermen, og skal ha en rød farge!

Før vi starter håper jeg at du allerede kan litt om programmering, da blir det lettere for deg å følge med på hva man skal gjøre i dette og senere prosjekter, men jeg kommer uansett til å vise hva de forskjellige tingene jeg gjør uansett!

Hva trenger jeg å vite i XCode?:

Når du er ferdig med kategorien “Lage et nytt prosjekt!” kommer du til denne skjermen:

Xcode

1.På venstre hjørne kan du se en oversikt over alle filene som er inni prosjektet vårt!

Der er alle de filene vi trenger for å lage applikasjonen vår!

Xcode

2. Nedenfor kan du se hva du har kalt appen, hvilken versjon, hvilken vei iphonen skal være i og du kan legge inn et ikon for appen din!

XCode

3. Helt på høyre side kan du se “Quick Help” som på norsk er “Rask Hjelp”! Der kommer det til å komme opp forslag hva det kan stå hvis det kommer en feil i koden din! Og nederst på høyre side ser du ting (Objekter) man kan putte inn i selve appen! Vi skal bruke en ting derifra kalt “Label” som på norsk er “Etikett”

XCode

DEL [2] er ferdig!

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

Der lærer du hvordan du lager selve appen! 😉

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

/0 Kommentarer/av

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

Hvordan lager jeg min første Iphone/Ipad app?

 

The people who are crazy enough to think that they can change the world, are the ones who do – Steve jobs

MERK: Er det noe du ikke forstår? da kan du skrive inn problemet ditt inn i feltet nederst på siden, eller har du forslag til hvordan koden kan bli bedre send det inn da vel!

Hva trenger jeg?

  • Du trenger for det første en Mac!
  • Du trenger å laste ned den seneste versjonen av XCode!
  • Du bør føle deg trygg på minst 2 programmeringsspråk før du starter på med Objective – C! Vi skal bruke Objective – C når vi jobber med XCode!
  • Hvis du vil legge ut eller teste en applikasjon/spill på AppStore må du betale rundt 694 kr for å gjøre dette!
  • kanskje du trenger motivasjon? jeg fikk det ved å se på videoer som denne på YouTube!

Hvor skal jeg starte?

Det er vanskelig å få ideer om hva appen din kan handle om, men du må prøve å tenke nytt og smart!

Prøv å tegn ned ideen din med engang du får den slik at du får med alt! (Legg til mer på ideen underveis)

Kanskje kan du få hjelp av folk du kjenner som har god fantasi eller som har en ide om en app!

La det være en enkel ide på starten, som du kan utvikle til å bli mer avansert etter hvert som du lærer å programmere mer i Objective – C (XCode)

MERK: Du kan få inspirasjon fra apper eller spill på Appstore, men du kan ikke kopiere kode som noen andre har skrevet å legge det ut!

Hvordan skal jeg klare å designe appen?

I dette prosjektet kommer vi til å bruke Sketchbook Express som er et gratis design/tegne program for Mac!

Vi kan også bruke Photoshop for eksempel, men for de som vil starte opp ganske enkelt, så er Sketchbook det beste alternativet til Mac!

Du trenger ikke å bekymre deg, vi kommer til å vise deg hvordan du bruker Sketchbook, så du skal bli vant til å bruke det!

DEL [1] er ferdig!

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

Der lærer du hvordan du lager et nytt prosjekt i XCode 😉

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

/2 Kommentarer/av

Siste fra bloggen

Mer om oss

Følg oss på Facebook

Personvernerklæring

Søk

Medlemmer av kodebanken og andre samarbeidspartnere