iPad Interface Builder Tutorial

iPad Interface Builder Tutorial


iPhone og iPad utvikling har vært et gullrush for små og uavhengige utviklere, og mange utviklere vil inn på handlingen, inkludert noen for hvem Mac programmering er en ny og fremmed forsøke. De er kjent med Visual Studio kan være lurt å holde på sine hatter, fordi Apples Interface Builder, men dekker de samme målene, er en annen dyret helt og langt fra intuitivt de som brukes til Microsofts måte å gjøre ting.

Bruksanvisning

XCode Work

1 Opprett et nytt prosjekt i XCode ved å klikke på "File" og "New Project".

2 Velg "Application" entry under "iOS" -kategorien. Hvis du ikke ser en fane iOS, eller om det heter "iPhone", vil du trenger for å oppgradere din kopi av XCode til minst versjon 3 og laste ned den nyeste versjonen av iOS SDK fra Apple. Begge er gratis for eiere av Mac OS X, men du vil trenge minst Mac OS X Snow Leopard for å kjøre den versjonen av iOS SDK som inkluderer iPad-støtte.

Velg "Window-basert program" og sikre at under "Produkt" du velge enten "iPad" eller "Universal".

3 Klikk "Fil" og "Ny fil" og under "iOS klasser," velg "UIViewController" -klassen. Du bør også sjekke boksene for "iPad" og "Opprett XIB dokumentet."

Dette vil skape tre filer:

simpleui.h (header fil)

simpleui.m (koden fil)

simpleui.xib (brukergrensesnittet)

4 Klikk "simpleui.h" for å åpne den. Koden vil se slik ut:

import <UIKit / UIKit.h>

@interface simpleui: UIViewController {

}

@slutt

5 Rediger "@interface simpleui" delen, slik at lyder slik:

@interface simpleui: UIViewController {

UITextField *textInput;

UILabel * label;

NSString * navn;

}

Som du kan se, definerer dette tre elementer for brukergrensesnittet: et tekstfelt der brukeren kan skrive inn tekst, en etikett der teksten kan vises og en skjult snor for å holde noen tekstdata.

6 Legg til følgende linjer like nedenfor de som er gitt i trinn 5, men over "@end:"

@property (nonatomic, beholde) IBOutlet UITextField * textInput;

@property (nonatomic, beholde) IBOutlet UILabel * label;

@property (nonatomic, kopi) NSString * navn;

(IBAction) changeGreeting: (id) avsender;

Dette definerer tre egenskaper. De to første er uttak, eller deler av koden designet for å kunne leses av Interface Builder. Neste er en enkel kopi av strengen, og siste er en InterfaceBuilder handling som heter "changeGreeting." Dette vil være en metode som Interface Builder kan sende til resten av programmet.

7 Open "simpleui.m" nå og legge til følgende kode rett under "@implementation" linje:

@synthesize textInput;

@synthesize etiketten;

@synthesize navn;

Dette forteller XCode å generere standardtekst "kundeskaffere og settere" for alle disse stedene.

8 Legg til følgende kode i den eksisterende "dealloc" metoden:

[TextInput utgivelse];

[Etiketten utgivelse];

[Navn utgivelse];

[Super dealloc];

Dette forteller bare XCode at når det gjelder tid til å lukke programmet, vil det være behov for å frigjøre minne holdt av elementene i brukergrensesnittet.

9 Legg til følgende kode i "simpleui.m" file:

(IBAction) changeGreeting: (id) avsender {

self.name = textInput.text;

NSString * nameString = navn;

if ([nameString lengde] == 0) {

nameString = @ "Billy Bob";

}

NSString * hilsen = [[NSString Alloc]

initWithFormat:@"Hello, my name is %@!", nameString];

label.text = hilsen;

[Hilsen utgivelse];

}

(BOOL) textFieldShouldReturn: (UITextField *) theTextField {

if (theTextField == textInput) {

[TextInput resignFirstResponder];

}

tilbake JA;

}

Dette definerer en changeGreeting handling som får brukerens navn og spytter det ut igjen til ham med en enkel hilsen melding.

10 Åpne "AppDelegate.h" -filen og legge til følgende kode i det:

@property (nonatomic, beholde) simpeui * viewController;

11 Legg til følgende kode i "AppDelete.m" file:

@synthesize viewController;

(Void) applicationDidFinishLaunching: (UIApplication *) søknad {

// Styr punkt for tilpasning etter programstart

SimpleUIViewController * aViewController = [[SimpleUIViewController Alloc]

initWithNibName:@"simpleui"

pakke: [NSBundle mainBundle]];

self.viewController = aViewController;

[AViewController utgivelse];

[Vindu addSubview: [viewController view]];

// Styr punkt for tilpasning etter programstart

[Vindu makeKeyAndVisible];

}

Dette forteller den viktigste applikasjonen om "viewController" klasse og forteller det til å vise visningen kontrolleren etter at programmet er ferdig lansering. Du har nå ferdig med kjele plate koding og du kan åpne Interface Builder.

Interface Builder Work

12 Dobbeltklikk på "simpleui.xib" -filen og Interface Builder vil åpne. Du vil se en tom syn som ser ut som en iPad.

1. 3 Klikk "Verktøy" og "Library". Finn "Label" og dra den inn i applikasjonen. Dette vil være der hilsenen vises, og det er det samme som etiketten du definerte i trinn 6. Deretter flytter både en knapp og et tekstfelt på skjemaet. Enhver av de stiler av knappen vil gjøre.

14 Dobbeltklikk på etiketten slik at teksten er markert, og treffer "Backspace" -tasten for å slette teksten. Deretter dobbeltklikker du på tekstfeltet og skriv "Skriv inn navnet ditt." Til slutt, dobbeltklikker du på knappen og skriv "Hilsen".

15 Lukk "Library" og klikk "Verktøy" og "Connections Inspector." Dette er det siste trinnet; du må etablere forbindelser mellom brukergrensesnittet elementer og koden du skrev tidligere i opplæringen.

16 Klikk på "File eier" oppføring i XIB Prosjekt-boksen og se på "Connections Inspector." Du vil se tre tilkoblinger du trenger: etikett, textInput og changeGreeting. Klikk den lille sirkelen ved å merke og dra den over etiketten i brukergrensesnittet. Gjør det samme for skriving, gå til tekstfeltet. Og en siste gang for "changeGreeting," gå til knappen.

Trykk på "Bygg og dra" i Fil-menyen for å starte programmet.