iPad Interface Builder Tutorial

iPhone και iPad ανάπτυξης έχει ένα χρυσό βιασύνη για μικρούς και ανεξάρτητους προγραμματιστές , και πολλοί προγραμματιστές θέλουν στη δράση , συμπεριλαμβανομένων και εκείνων για τους οποίους προγραμματισμού Mac είναι ένα νέο και ξένο προσπάθεια . Όσοι είναι εξοικειωμένοι με το Visual Studio μπορεί να θέλουν να κρατήσουν τα καπέλα τους , επειδή Interface Builder της Apple , αν και καλύπτουν τους ίδιους στόχους , είναι μια εντελώς διαφορετική θηρίο και μακριά από διαισθητική με αυτά που χρησιμοποιούνται με τον τρόπο της Microsoft για να κάνουμε πράγματα . Τα πράγματα που θα χρειαστείτε
Mac OS X Snow Leopard
το Xcode 3
iOS SDK 4
Η Εμφάνιση Περισσότερες οδηγίες
το Xcode εργασίας
Η 1

Δημιουργία νέα Έργο το Xcode κάνοντας κλικ στο " Αρχείο" και "New Project ". 2

Επιλέξτε την "Αίτηση " καταχώρηση, κάτω από την καρτέλα " iOS" . Αν δεν μπορείτε να δείτε μια καρτέλα iOS , ή αν ονομάζεται " iPhone ", θα πρέπει να αναβαθμίσετε το δικό σας αντίγραφο από το Xcode τουλάχιστον στην έκδοση 3 και να κατεβάσετε την τελευταία έκδοση του iOS SDK από την Apple . Και τα δύο είναι δωρεάν για τους ιδιοκτήτες του Mac OS X , αλλά θα χρειαστεί τουλάχιστον Mac OS X Snow Leopard για να εκτελέσετε την έκδοση του SDK iOS που περιλαμβάνει υποστήριξη iPad .

Επιλέξτε " Παράθυρο με βάση Εφαρμογή " και να διασφαλίσει ότι , υπό τον τίτλο " Προϊόν ", μπορείτε να επιλέξετε είτε " iPad " ή "Universal ".
εικόνων 3

Κάντε κλικ στο " Αρχείο" και "New File" και , υπό τον τίτλο " Μαθήματα iOS ", επιλέξτε το " UIViewController " class . Θα πρέπει επίσης να ελέγξετε τα πλαίσια για " iPad " και " Δημιουργία εγγράφου XIB . "

Αυτό θα δημιουργήσει τρία αρχεία :

simpleui.h ( το αρχείο header )

simpleui . m ( το αρχείο κώδικα )

simpleui.xib (διεπαφή χρήστη)
Η

4 Κάντε κλικ στο " simpleui.h " για να το ανοίξετε . Ο κωδικός θα μοιάζει με αυτό :

# εισαγωγής

@ simpleui interface : UIViewController {

}

@ τέλος
5

Επεξεργαστείτε το " interface simpleui @ " ενότητα , έτσι ώστε να διαβάζεται σαν αυτό :

@ interface simpleui : UIViewController {

UITextField * textInput ?

UILabel * ετικέτα ?

όνομα NSString * ?

}
Όπως μπορείτε να δείτε , αυτό καθορίζει τα τρία στοιχεία για το περιβάλλον εργασίας χρήστη : ένα πεδίο κειμένου όπου ο χρήστης να πληκτρολογήσετε κείμενο , μια ετικέτα , όπου μπορεί να εμφανίζεται κείμενο και ένα κρυφό κορδόνι για να κρατήσει μερικά δεδομένα κειμένου
Η 6

Προσθέστε τις παρακάτω γραμμές ακριβώς κάτω από αυτές που αναφέρονται στο βήμα 5 , αλλά πάνω από το «τέλος @ . : "

@ ιδιοκτησίας ( nonatomic , διατηρούν ) IBOutlet UITextField * textInput ?

@ ιδιοκτησίας ( nonatomic , διατηρούν ) IBOutlet UILabel * ετικέτα ?

@ ιδιοκτησίας ( nonatomic , αντίγραφο ) NSString * όνομα?

- ( IBAction ) changeGreeting : ( id ) αποστολέα ?

Αυτό ορίζει τρεις ιδιότητες . Οι δύο πρώτοι είναι καταστήματα ή τμήματα του κώδικα σχεδιαστεί για να είναι αναγνώσιμα από Interface Builder . Επόμενο είναι ένα απλό αντίγραφο του string, και το τελευταίο είναι μια δράση InterfaceBuilder ονομάζεται " changeGreeting . " Αυτό θα είναι μια μέθοδος που Interface Builder μπορεί να στείλει για το υπόλοιπο του προγράμματος
Η 7

Άνοιγμα " simpleui.m " τώρα και προσθέστε τον παρακάτω κώδικα ακριβώς κάτω από το « εφαρμογή @ " γραμμή : .

@ συνθέσει textInput ?

@ συνθέσει ετικέτα ?

@ συνθέσει όνομα?

Αυτό λέει το Xcode για να δημιουργήσει το στερεότυπο " getters και setters " για όλα αυτά τα αντικείμενα .
8

Προσθέστε τον ακόλουθο κώδικα για την υφιστάμενη μέθοδο " dealloc " :

[ textInput απελευθέρωση ] ?

[ απελευθέρωση label] ?

[ απελευθέρωση name] ?

[ super dealloc ] ?

Αυτό λέει ακριβώς το Xcode που , όταν έρχεται η ώρα να κλείσετε το πρόγραμμα , θα πρέπει να απελευθερώσει τη μνήμη που κατέχονται από το περιβάλλον εργασίας χρήστη . στοιχεία
Η 9

Προσθέστε τον ακόλουθο κώδικα στο " simpleui.m " αρχείο :

- ( IBAction ) changeGreeting : ( id ) { αποστολέα

αυτο . name = textInput.text ?

NSString * nameString όνομα =?

αν ( [ μήκος nameString ] == 0 ) {

nameString = @ " Billy Bob " ?

}

NSString * χαιρετισμό = [ [ NSString alloc ] Ξενοδοχεία

initWithFormat : @ " Γεια , το όνομά μου είναι % @ " , nameString ] ?

label.text = χαιρετισμό ?

[ χαιρετισμό απελευθέρωση ] ?

}

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

αν ( theTextField == textInput ) {

[ textInput resignFirstResponder ] ?

}

επιστρέψει ΝΑΙ ?

}

Αυτό ορίζει μια changeGreeting . μέτρα που παίρνει το όνομα του χρήστη και φτύνει πίσω σ 'αυτόν με ένα απλό μήνυμα χαιρετισμού
Η 10

Ανοίξτε το αρχείο " AppDelegate.h " και προσθέστε τον παρακάτω κώδικα για να :

@ ιδιοκτησίας ( nonatomic , διατηρούν ) simpeui * viewController ?

11

Προσθέστε τον ακόλουθο κώδικα στο " AppDelete.m " αρχείο :

@ συνθέσει viewController ?

- (void ) applicationDidFinishLaunching : ( UIApplication * ) αίτηση {

//σημείο Παράκαμψη για την προσαρμογή μετά την έναρξη εφαρμογής

SimpleUIViewController * aViewController = [ [ SimpleUIViewController alloc ] Ξενοδοχεία

initWithNibName : @ " simpleui "

δέσμη : [ NSBundle mainBundle ] ] ?

self.viewController = aViewController ?

[ aViewController απελευθέρωση ] ?

[ παράθυρο addSubview : [ viewController άποψη ] ] ?

//σημείο Παράκαμψη για την προσαρμογή μετά την έναρξη εφαρμογής

[ παράθυρο makeKeyAndVisible ] ?

}

Αυτό λέει η κύρια εφαρμογή για την τάξη σας " viewController » και λέει για να δείξει τον ελεγκτή άποψη, αφού η εφαρμογή ολοκληρώσει τη δρομολόγηση . Τώρα έχετε τελειώσει λέβητα πλάκα κωδικοποίησης σας και μπορείτε να ανοίξετε Interface Builder .
Εικόνων Interface Builder εργασίας

12

Κάντε διπλό κλικ στο αρχείο " simpleui.xib » και Interface Builder θα ανοίξει . Θα δείτε μια κενή προβολή που μοιάζει με ένα iPad .
Η 13

Κάντε κλικ στο " Εργαλεία" και " Βιβλιοθήκη ". Βρείτε το «σήμα» και σύρετε στην εφαρμογή σας . Αυτό θα είναι αυτός όπου εμφανίζεται ο χαιρετισμός , και αυτό είναι το ίδιο με την ετικέτα που ορίζεται στο βήμα 6 . Στη συνέχεια, σύρετε και ένα κουμπί και ένα πεδίο κειμένου στη φόρμα . Οποιαδήποτε από τις μορφές του κουμπιού θα κάνει .
Η 14

διπλό κλικ στην ετικέτα έτσι ώστε το κείμενο της έχει επισημανθεί και να χτυπήσει το κλειδί σας " Backspace " για να διαγράψετε το κείμενο . Στη συνέχεια, κάντε διπλό κλικ στο πεδίο κειμένου και πληκτρολογήστε " Πληκτρολογήστε το όνομά σας . " Τέλος , κάντε διπλό κλικ στο κουμπί και πληκτρολογήστε « Χαιρετισμός ».
Η 15

Κλείστε το "Βιβλιοθήκη" και κάντε κλικ στο " Εργαλεία" και " Συνδέσεις Επιθεωρητή . " Αυτό είναι το τελευταίο βήμα ? Θα πρέπει να δημιουργήσει συνδέσεις ανάμεσα στα στοιχεία διεπαφής χρήστη σας και τον κωδικό που σας έγραψα νωρίτερα στο φροντιστήριο
Τετάρτη 16

Κάντε κλικ στο " Αρχείο κατόχου του " είσοδος στο ΧΙΒ πλαίσιο του έργου σας και κοιτάξτε . το " Connections Inspector ". Θα δείτε τρεις συνδέσεις που χρειάζεστε : ετικέτα , textInput και changeGreeting . Κάντε κλικ στο μικρό κύκλο δίπλα στην ετικέτα και σύρετε πάνω από την ετικέτα στο περιβάλλον εργασίας χρήστη σας . Κάντε το ίδιο για την εισαγωγή κειμένου , που πηγαίνει στο πεδίο κειμένου . Και μια τελευταία φορά για την " changeGreeting , " πηγαίνει στο κουμπί.

Πατήστε "Build and Go" στο μενού Αρχείο για να ξεκινήσει η εφαρμογή σας .

Η