iPad Interface Builder Tutorial

iPhone a iPad vývoj bol zlatá horúčka pre malé a nezávislých vývojárov , a mnoho vývojárov chcete do akcie , vrátane tých , pre ktorých Mac programovanie je nový a cudzí úsilie . Tí , ktorí poznajú Visual Studio chcieť držať klobúky , pretože Apple Interface Builder , keď pokrýva rovnaké ciele , je iný zviera úplne a ďaleko od intuitívne , ktoré boli použité pre Microsoft spôsob , ako robiť veci . Veci , ktoré budete potrebovať
Mac OS X Snow Leopard
Xcode 3
iOS SDK 4
Zobraziť ďalšie inštrukcie
Xcode práce
1

vytvoriť nový projekt v Xcode kliknutím na tlačidlo " Súbor " a " nový projekt " .
2

Vyberte " Application " položku v záložke " iOS " . Ak nevidíte kartu iOS , alebo ak je menovaný " iPhone " , budete musieť upgradovať kópiu Xcode aspoň na verziu 3 a stiahnite si najnovšiu verziu iOS SDK od Apple . Obaja sú zdarma pre majiteľov Mac OS X , ale budete potrebovať aspoň Mac OS X Snow Leopard spustiť verziu iOS SDK , ktorý zahŕňa podporu pre iPad .

Zvoľte " Window - založené aplikácie " a zabezpečiť , aby , v " Produkt " , môžete zvoliť buď " iPad " alebo " univerzálny " .
3

Kliknite na " súbor " a " Nový súbor " a pod názvom " iOS tried , " vyberte " UIViewController " trieda . Mali by ste tiež skontrolovať políčka pre " iPad " a " Vytvoriť XLB dokumentu . "

Tým sa vytvorí tri súbory :

simpleui.h ( hlavičkový súbor )

simpleui . m ( súbor kód )

simpleui.xib ( užívateľské rozhranie )
4

Kliknutím na tlačidlo " simpleui.h " a otvorte ju . Kód bude vyzerať takto :

# import

@ rozhranie simpleui : UIViewController {

}

@ konca
5

Upraviť " rozhranie @ simpleui " časti , takže to znie ako tohle :

@ interface simpleui : UIViewController {

UITextField * textInput ;

UILabel * štítok ;

názov NSString * ;

}

Ako môžete vidieť , táto definuje tri predmety pre užívateľského rozhrania : textové pole , kde užívateľ môžete zadať text , štítok , kde môže byť text zobrazený a skryté reťazec držať nejaké textových dát
6

Pridajte nasledujúce riadky tesne pod hodnoty uvedené v kroku 5 , ale predovšetkým na " @ konca. : "

@ majetku ( nonatomic , ponechať ) IBOutlet UITextField * textInput ;

@ majetku ( nonatomic , ponechať ) IBOutlet UILabel * štítok ;

@ majetku ( nonatomic , kopírovanie ) NSString * Meno ,

- ( IBAction ) changeGreeting : ( id ) sender ;

definuje tri vlastnosti . Prvé dva sú výstupy , alebo časti kódu , ktorých účelom je byť čitateľné Interface Builder . Ďalej je jednoduchá kópia reťazca , a posledná je InterfaceBuilder akcia s názvom " changeGreeting . " To bude metóda , ktorá Interface Builder môžete poslať ku zvyšku programu
7

Otvoriť " simpleui.m " teraz a pridajte nasledujúci kód tesne pod " @ realizácie " riadku : .

@ syntetizovať textInput ;

@ syntetizovať označenie ;

@ syntetizovať meno ;

hovorí Xcode vygenerovať dosku kotla " získanie a nastavenie " na všetkých týchto objektov .
8

Pridajte nasledujúci kód na základe existujúcej metódy " dealloc " :

[ textInput vydania ] ;

[ správa štítok ] ;

[ názov verzia ] ;

[ Super dealloc ] ;

To len hovorí Xcode , že keď príde čas zavrieť program , bude musieť uvoľniť pamäť v držbe užívateľské rozhranie prvky .
9

Pridajte nasledujúci kód na " simpleui.m " súboru :

- ( IBAction ) changeGreeting : ( id ) { odosielateľa

seba . name = textInput.text ;

NSString * nameString = meno ;

if ( [ dĺžka nameString ] == 0 ) {

nameString = @ " Billy Bob " ;

}

NSString * pozdrav = [ [ NSString Alloc ]

initWithFormat : @ " Ahoj , moje meno je % @ " , nameString ] ;

label.text = pozdrav ;

[ pozdrav správa ] ;

}

- ( BOOL ) textFieldShouldReturn : ( UITextField * ) theTextField {

if ( theTextField == textInput ) {

[ textInput resignFirstResponder ] ;

}

vráti ÁNO ,

}

definuje changeGreeting . akcie , ktorá dostane meno užívateľa a vypľuje ho späť na neho s jednoduchou uvítacej správe
10

Otvorte súbor " AppDelegate.h " a pridajte nasledujúci kód do neho :

@ property ( nonatomic , ponechať ) simpeui * viewController ;
11

Pridajte nasledujúci kód do súboru " AppDelete.m " :

@ syntetizovať viewController ;

- ( void ) applicationDidFinishLaunching : ( UIApplication * ) Žiadosť {

//Prepísať bod pre prispôsobenie po spustení aplikácie

SimpleUIViewController * aViewController = [ [ SimpleUIViewController Alloc ]

initWithNibName : @ " simpleui "

zväzok : [ NSBundle mainBundle ] ] ;

self.viewController = aViewController ;

[ aViewController správa ] ;

[ okno addSubview : [ view viewController ] ] ;

//Prepísať bod pre prispôsobenie po spustení aplikácie

[ okno makeKeyAndVisible ] ;

}

hovorí hlavné aplikácií o svojej " viewController " triedy a hovorí , že má zobraziť pohľad regulátor po aplikácii dokončí spúšťanie . Teraz ste dokončili vaše kotlového plechu kódovanie a môžete otvoriť Interface Builder .
Interface Builder Práca
12

Double - kliknite na " simpleui.xib " súbor a rozhrania builder sa otvorí . Uvidíte prázdny pohľad , ktorý vyzerá ako iPad .
13

Kliknite na " Nástroje " a " knižnice " . Nájsť " Label " a pretiahnite ju do vašej aplikácie . To bude , kde sa objaví pozdrav , a je to rovnaké , ako štítok ste definovali v kroku 6. Potom pretiahnite oba tlačidlo a textové pole do formulára . Každý zo štýlov tlačidla bude robiť .
14

Dvakrát kliknite na štítok tak , že je zvýraznená jej text a stlačte kľúč " Backspace " , pre vymazanie textu. Potom dvakrát kliknite na textové pole a zadajte " Zadajte svoje meno . " Konečne , dvakrát kliknite na tlačidlo a zadajte " pozdrav " .
15

Zavrite " knižnica " a kliknite na " Nástroje " a " Pripojenie Inspector . " Toto je posledný krok , je potrebné nadviazať spojenie medzi vaším prvkov používateľského rozhrania a kód , ktorý ste napísal predtým v tutoriále
16

Kliknite na " Súbor majiteľ " položka vo vašom XIB projektu krabici a pozrieť sa na . " Pripojenie inšpektor . " Uvidíte tri spoje , ktoré potrebujete : TextInput a changeGreeting . Kliknite na malý kruh vedľa označenia a pretiahnite ju na štítku v užívateľskom rozhraní . Do rovnakej pre zadávanie textu , ísť do textového poľa . A jeden posledný čas na " changeGreeting , " ísť k tlačidlu .

Stlačte tlačidlo " Build and Go " v menu Súbor na spustenie aplikácie .

• Predchádzajúca strana: Koľko pamäti by ste mali dostať na iPad ? 
• Ďalšia strana: Prečo môj iPad Say nenabíja