Οδηγός για αρχάριους για την ανάπτυξη του iOS Η διασύνδεση - Μέρος Ι

Η Apple είναι ένας κορυφαίος κλάδος στον κόσμο των κινητών για χρόνια με τις σειρές iPhone και iPad. Παρά τη διαφημιστική εκστρατεία που μπορεί να δημιουργήσει με όλες τις επίσημες κυκλοφορίες, κατέχει επίσης ένα μεγάλο μέρος των μεριδίων αγοράς στην πλατφόρμα κινητής τηλεφωνίας και αυτός είναι ίσως ο λόγος που οι περισσότεροι πελάτες θα θέλουν την εφαρμογή τους στο app store της Apple. καθιστώντας έτσι τον λόγο για τους προγραμματιστές να μάθουν και να χτίσουν την εφαρμογή iPhone.

Τα καλά νέα είναι ότι η ανάπτυξη εφαρμογών για iPhone δεν είναι τόσο δύσκολη όσο σκεφτόσαστε και αυτή η ανάρτηση υπάρχει ως ολοκληρωμένος οδηγός για να σας καθοδηγήσει στην πλήρη διαδικασία δημιουργίας μιας εφαρμογής για το iPhone.

Θα συζητήσουμε τους λόγους, τις φάσεις και τα εργαλεία για την ανάπτυξη της εφαρμογής και τελικά θα ακολουθήσετε ένα εύκολο σεμινάριο για το σχεδιασμό της βασικής εφαρμογής iPhone χρησιμοποιώντας το Xcode.

Έτσι, είτε μαθαίνετε για επιχειρήσεις είτε απλά έχετε μια καταπληκτική ιδέα εφαρμογής που μπορεί να σας κάνει εκατομμυριούχο, ας αρχίσουμε να κατασκευάζουμε την πρώτη σας εφαρμογή iPhone!

Σημείωση: Θα χρειαστείτε έναν υπολογιστή με λειτουργικό σύστημα Macintosh (Mac OS) για εγκατάσταση Xcode, ανάπτυξη εφαρμογών και υποβολή εφαρμογών, δεν υπάρχει τρόπος να το κάνετε νόμιμα στα Windows.

Γιατί να αναπτύξω για την Apple?

Βλέπω αυτήν την ερώτηση συχνά, γι 'αυτό θέλω να εξηγήσω γιατί θα πρέπει να ενδιαφέρεστε για την ανάπτυξη του iPhone. Ακριβώς όπως έχω δηλώσει στην εισαγωγή, το iPhone σήμερα κατέχει μεγάλο μερίδιο αγοράς στην κινητή πλατφόρμα.

Νομίζω ότι αυτός ο λόγος θα πρέπει να είναι αρκετός για να μάθετε να αναπτύξετε την εφαρμογή iPhone, είτε αναπτύσσετε για τον εαυτό σας είτε για τους πελάτες σας, οι περισσότεροι άνθρωποι πιθανώς ελπίζουν ότι η εφαρμογή τους μπορεί να προσεγγιστεί από πολλούς ανθρώπους στον κόσμο.

Από την άποψη της ανάπτυξης, Η Apple αρέσει στα πράγματα απλά, και αυτό ισχύει για τα προϊόντα και τα πλαίσια τους. Το iOS είναι το λειτουργικό σύστημα που εκμεταλλεύεται όλες τις κινητές συσκευές της Apple. Αυτά περιλαμβάνουν το iPod Touch, το iPhone και το iPad. Έτσι, να έχετε κατά νου όταν αναπτύσσετε εφαρμογές για iPhone, θα μπορούσατε να είστε ανάπτυξη για όλες τις άλλες συσκευές με το iOS!

Εκτός αυτού, αυτό που κάνει το παραπάνω χαρακτηριστικό ακόμα μεγαλύτερο είναι πόσο μπορεί να σωθεί το έργο κωδικοποίησης. Όταν γράφετε κώδικα για την εφαρμογή iPhone που είστε χρησιμοποιώντας την ίδια γλώσσα προγραμματισμού για όλες τις υπολογιστικές συσκευές της Apple. Αυτό σημαίνει ότι όταν αναπτύσσετε την εφαρμογή iPhone, η εφαρμογή μπορεί αργότερα να ενσωματωθεί στο iPad και ακόμα και στο Mac.

Στόχος-Γ είναι η βασική γλώσσα προγραμματισμού που τροφοδοτεί όλα τα πλαίσια τους. Μαζί με τον Στόχο-C, θα αναπτύξετε επίσης iPhone app με το Cocoa Touch, το πλαίσιο προγραμματισμού που διευθύνει την αλληλεπίδραση των χρηστών στο iOS.

Αυτό είναι μόνο λίγη πληροφορία για να ξεκινήσετε την ανάπτυξη εφαρμογών για iPhone. Η ανάπτυξη είναι μια πολύ περίπλοκη διαδικασία, αλλά χαλαρώνετε, παίρνετε αργά. Έτσι οι λόγοι είναι εδώ, και η απόφαση είναι δική σας. Εάν η απάντηση είναι ναι ή όχι, μπορείτε πάντα να μπείτε δεξιά στο επόμενο θέμα: σχεδιάζοντας εφαρμογές για το iPhone.

Προγραμματισμός της δομής εφαρμογής iPhone σας

Στην τυποποιημένη ιδεολογία της δημιουργίας μιας εφαρμογής iPhone θα το θελήσετε περνούν μερικές φάσεις. Η πρώτη φάση περιλαμβάνει σχεδιασμό και σκίτσο.

Πρώτα απ 'όλα πρέπει να έχετε μια ιδέα τι θα κάνει η εφαρμογή σας. Γιατί θα ήθελαν οι χρήστες να το κατεβάσουν? Και ποια χαρακτηριστικά θέλετε να συμπεριλάβετε? Αυτή είναι η πιο σημαντική φάση σαν να το κάνετε σωστά, θα το κάνετε Εξοικονομήστε πολλές σύγχυση και προβλήματα στην κωδικοποιητική φάση.

Χειρότερα, σας επιστρέφει στο σχέδιο.

Σας συνιστώ να σχεδιάστε μερικές ακατέργαστες ιδέες για μερικές σελίδες (ή προβολές) της αίτησής σας. Απλά σχεδιάστε ένα σχήμα ορθογωνίου, ίσως 5 ή 6 σχήματα σε ένα φύλλο χαρτιού και, στη συνέχεια, σχεδιάστε τα χαρακτηριστικά που θέλετε σε κάθε προβολή της εφαρμογής σας.

Μπορείτε να σκεφτείτε απόψεις όπως διαφορετικές σελίδες σε έναν ιστότοπο. Κάθε προβολή θα προσφέρει διάφορες λειτουργίες, όπως μια φόρμα σύνδεσης, μια λίστα επαφών ή έναν πίνακα δεδομένων.

Παρακάτω έχω φτιάξει μια σύντομη συλλογή από τα διάφορα στοιχεία γραμμής UI:

Γραμμή κατάστασης - Εμφανίζει την τρέχουσα στάθμη μπαταρίας της συσκευής, τη σύνδεση 3G, τις γραμμές υποδοχής, τον τηλεφωνητή και πολλά άλλα. Συνιστάται να συμπεριλαμβάνετε πάντα αυτά τα στοιχεία.
Μπάρα πλοήγησης - Δίνει στους χρήστες σας τη δυνατότητα πλοήγησης μεταξύ ιεραρχιών σελίδων. Αυτό περιλαμβάνει συχνά ένα κουμπί στην αριστερή πλευρά της γραμμής, για να επιτρέψει στο χρήστη να επιστρέψει στην προηγούμενη προβολή εφαρμογής.
Γραμμή εργαλείων - Εμφανίζεται στο κάτω μέρος της εφαρμογής iPhone. Αυτό θα κρατήσει μερικά εικονίδια που συνδέονται με ορισμένες λειτουργίες, όπως Μερίδιο, Κατεβάστε, Διαγράφω, και τα λοιπα.
Γραμμή καρτέλας - Πολύ παρόμοια με τη γραμμή εργαλείων, εκτός από τώρα που εργάζεστε με καρτέλες. Όταν ένας χρήστης κάνει κλικ σε ένα εικονίδιο καρτέλας, αυτόματα θα επισημανθεί και θα εμφανίσει μια κατάσταση γυαλάδας. Αυτή η γραμμή χρησιμοποιείται για εναλλαγή μεταξύ προβολών αντί για άμεση λειτουργικότητα.

Αυτή η λίστα περιέχει μόνο τις γραμμές εργαλείων που μπορείτε να βρείτε στις περισσότερες εφαρμογές. Υπάρχουν κάποιες άλλες απόψεις και στυλ που πρέπει να εξετάσετε, τα οποία μπορείτε να τα βρείτε στις Οδηγίες χρήσης του στοιχείου UI του iOS της Apple. Συστήνω ιδιαίτερα να αναφερθώ σε αυτή την τεκμηρίωση όταν έχετε αμφιβολίες σχετικά με τα στοιχεία UI του iPhone.

Προς το συμφέρον του χρόνου δεν θα περιγράψω κάθε στοιχείο UI. Υπάρχουν πάρα πολλά στοιχεία που πρέπει να εξετάσετε και δεν θα καταλήξετε να τα χρησιμοποιείτε σε όλες σας τις εφαρμογές. Αλλά καθώς σκιαγραφείτε τις απόψεις σας, μπορείτε αντλήστε έμπνευση από τις οδηγίες που προτάθηκαν παραπάνω και άλλες εφαρμογές iPhone έχετε απολαύσει τη χρήση τους.

Σχεδίαση Photoshop Mockups

Υποθέτω ότι οι περισσότεροι από εσάς είστε αρκετά άνετοι που εργάζεστε με το Adobe Photoshop. Πρόκειται για το λογισμικό πρεμιέρας για τη δημιουργία γραφικών για την ιστοσελίδα, τα πανό, τα λογότυπα και τα κινητά mockups. Σχεδιάζοντας γραφικά για το διαδίκτυο είναι μια αρκετά απλή διαδικασία, αλλά είναι λίγο πιο περίπλοκη όταν πρόκειται για iPhone app σχεδιασμό.

Εάν θέλετε να δημιουργήσετε μια εφαρμογή, θα πρέπει πραγματικά δημιουργήστε pixel-τέλεια σχέδια mockup από την αρχή.

Αρχικά, θα πρέπει να συζητήσουμε τις ρυθμίσεις του Photoshop. Δεδομένου ότι σχεδιάζουμε για το iPhone πρέπει να εξετάσουμε 2 διαφορετικά στυλ σχεδίασης. ο η κανονική οθόνη iPhone είναι 320 x 480 pixels. Ωστόσο, το iPhone 4 περιλαμβάνει ένα οθόνη αμφιβληστροειδούς που διπλασιάζει την ποσότητα των εικονοστοιχείων μέσα στο ίδιο μέγεθος οθόνης. Έτσι πρέπει Διπλασιάστε την ανάλυση στα 640 x 960 pixels και να σχεδιάσετε τις διατάξεις σας σε αυτό το πρότυπο.

Αυτό σημαίνει ότι θα χρειαστεί επίσης δημιουργήστε 2 σύνολα εικονιδίων για τα mockups σας. Αρχικά θα ήταν εικονίδια ρυθμίστε σε 163ppi αλλά θα πρέπει να περιλαμβάνουν εικονίδια με 326ppi για το iPhone 4. Τα εικονίδια είναι παραδοσιακά σημειωμένα με @ 2x στο τέλος του ονόματος του αρχείου τους, όπως “[email protected]“.

Τώρα ας βελτιστοποιήσουμε τις νέες ρυθμίσεις του εγγράφου μας. Πρώτα θα χρειαστεί να επεξεργαστούμε ορισμένες προτιμήσεις, ώστε να έχετε πρόσβαση στο Photoshop> Επεξεργασία> Προτιμήσεις> Οδηγοί, πλέγμα και φέτες. Θα είμαστε ορίζοντας το Gridline μας κάθε 20px με υποδιαιρέσεις στα 2. Κατά το σχεδιασμό για εμφάνιση αμφιβληστροειδούς Η γραμμή 2px θα εμφανίσει 1 πόντο στην οθόνη. Αυτός είναι ένας σημαντικός κανόνας που πρέπει να έχετε κατά νου για την κλιμάκωση της εφαρμογής σας.

Έχω την τάση να βρίσκω ευκολότερο να χτίζω τα σχέδια μου με υψηλότερη ανάλυση και στη συνέχεια να τα βαθμολογώ κάτω, αλλά μπορείτε δοκιμάστε και τις δύο μεθόδους και δείτε τι σας ταιριάζει καλύτερα. Χρησιμοποιούμε 640 x 960 pixels στα 326ppi - αποθηκεύστε αυτό ως μια προσαρμοσμένη προρύθμιση αν νομίζετε ότι θα το χρησιμοποιήσετε συχνά.

Κτίριο με στοιχεία πρότυπου

Τώρα μπορείτε να χρησιμοποιήσετε το Photoshop για να δημιουργήσετε μόνος του μια pixel-τέλεια διάταξη, αλλά αυτό φαίνεται να είναι μια πολύ εξαντλητική και κουραστική δουλειά.

Πρόκειται για ένα τεράστιο αρχείο με πάρα πολλά στοιχεία. Για να διευκολύνετε τα πράγματα, μπορείτε να πατήσετε v ενεργοποιήστε το Εργαλείο μετακίνησης και κάντε κλικ στο “Αυτόματη επιλογή” στη γραμμή επιλογών της, στη συνέχεια επιλέξτε το “Στρώμα” προκειμένου “Ομάδα”. Με τις ρυθμίσεις, μπορείτε να κάνετε κλικ σε οποιοδήποτε στοιχείο και το Photoshop θα σας φέρει στο αντίστοιχο επίπεδο!

Νιώστε ελεύθεροι να παίξετε με το mockup, ή μπορείτε ακόμη και να δημιουργήσετε το πρωτότυπο της εφαρμογής σας από το mockup. Ανάλογα με την εφαρμογή σας, θα μπορούσατε να συμπεριλάβετε μια πληθώρα χαρακτηριστικών μέσα στην περιοχή του πυρήνα, πολλά από τα οποία θα μπορούσατε να βρείτε σε αυτό το αρχείο PSD. Είναι επίσης δυνατό να μεταβείτε στα στρώματα αυτών των στοιχείων και να επεξεργαστείτε τις γραμματοσειρές, τα χρώματα κλίσης και άλλα στυλ σχεδίασης. Μόλις βεβαιωθείτε ότι δεν αλλάζετε το μέγεθος δεδομένου ότι όλες οι γραμμές και τα στοιχεία UI έχουν οριστεί στα προεπιλεγμένα τυπικά μεγέθη.

Ανάπτυξη εφαρμογών σε Xcode

Το εργαλείο προγραμματιστή για προγραμματισμό iOS και Mac OS X ονομάζεται Xcode. Εάν χρησιμοποιείτε OS X Lion μπορείτε να βρείτε Xcode και όλα τα εφαρμοστέα πακέτα δωρεάν στο Mac App Store.

Μετά την ολοκλήρωση της εγκατάστασης, ξεκινήστε το Xcode και η οθόνη υποδοχής θα πρέπει να εμφανιστεί. Από εδώ μπορείτε να φορτώσετε ένα παλαιότερο έργο ή να επιλέξετε να δημιουργήσετε ένα νέο. Προς το παρόν πρέπει να κάνετε κλικ “Δημιουργήστε ένα νέο έργο Xcode“, τότε το παράθυρο του προτύπου θα παρουσιάσει μερικές επιλογές. Στην ενότητα iOS> εφαρμογή, κάντε κλικ στο “Εφαρμογή ενιαίας προβολής” και χτύπησε “Επόμενο”. Μπορείς δώστε στο νέο app ένα όνομα, όπως Δοκιμή (κατά προτίμηση χωρίς κενά), στη συνέχεια πάνω στο Αναγνωριστικό εταιρείας, πληκτρολογήστε οποιαδήποτε λέξη όπως η εταιρεία μου, και τέλος να διαλέξετε έναν κατάλογο και να χτυπήσετε “Αποθηκεύσετε”.

Το Xcode θα δημιουργήσει τον κατάλογο αρχείων και θα σας στείλει σε ένα νέο παράθυρο για εργασία. Θα πρέπει να δείτε πολλές επιλογές αρχείων που αναφέρονται, αλλά το φάκελο που ονομάζεται μετά την αίτησή σας είναι η κύρια εστίαση.

Με το Xcode έχετε δύο επιλογές για το σχεδιασμό στοιχείων εμπρός. Το κλασσικό xib / nib η μορφή είναι τυπική για εφαρμογές Mac OS X και iOS, η οποία απαιτεί να σχεδιάζετε μια νέα προβολή σελίδας κάθε φορά. Ωστόσο, καθώς δημιουργείτε περισσότερες προβολές σε μια ενιαία εφαρμογή, η ποσότητα των αρχείων nib μπορεί να γίνει υπερβολικά συντριπτική, οπότε μια νέα storyboard Το αρχείο περιέχει όλες τις προβολές σας σε ένα μοναδικό παράθυρο επεξεργαστή. Από εδώ μπορείτε να αφαιρέσετε και να προσθέσετε στοιχεία και λειτουργίες UI με ευκολία.

Επιπλέον, θα συναντήσετε .h και .m αρχεία στην ίδια ομάδα φακέλων. Αυτά είναι σύντομα ονόματα αρχείων για επί κεφαλής και εκτέλεση κώδικας. Αυτά τα αρχεία είναι όπου γράφετε όλες τις λειτουργίες και τις μεταβλητές του Στόχου-C που απαιτούνται για την εκτέλεση της εφαρμογής σας. Μπορεί να είναι καλή ιδέα να εξηγήσετε πώς λειτουργεί το Xcode MVC (μοντέλο, προβολή, ελεγκτής), που είναι ο λόγος που χρειαζόμαστε 2 αρχεία για κάθε ελεγκτή.

Η ιεραρχία προγραμματισμού MVC

Για να κατανοήσετε πώς λειτουργεί η εφαρμογή, θα πρέπει να κατανοήσετε την αρχιτεκτονική προγραμματισμού. Με Μοντέλο, προβολή, ελεγκτής (MVC) ως θεμέλιο, Το Xcode μπορεί να διαχωρίσει όλες τις οθόνες και τον κώδικα διεπαφής από τις λειτουργίες λογικής και επεξεργασίας και δεν υπάρχει άλλη επιλογή. Το MVC μπορεί αρχικά να φαίνεται συγκεχυμένο, αλλά αν προσπαθήσετε να το καταλάβετε και να αρχίσετε να κατασκευάζετε λίγες βασικές εφαρμογές, θα έρθετε να αγαπάτε τη δομή.

Για να γίνει ευκολότερη η κατανόηση, έχω παρουσιάσει κάθε αντικείμενο στην παρακάτω λίστα:

Μοντέλο - Διατηρεί όλα τα λογικά και βασικά δεδομένα σας. Αυτό περιλαμβάνει μεταβλητές, συνδέσεις με εξωτερικές τροφοδοσίες ή εικόνες RSS, λεπτομερείς λειτουργίες και τραγάνισμα αριθμών. Αυτό το επίπεδο απομακρύνεται εντελώς από τις απόψεις σας, ώστε να μπορείτε εύκολα να αλλάζετε τις προβολές και να έχετε ακόμα τα ίδια δεδομένα.
Θέα - Ένα στυλ οθόνης ή οθόνης στην εφαρμογή σας. Μια λίστα πίνακα, σελίδα προφίλ, σελίδα περίληψης άρθρου, αναπαραγωγής ήχου, συσκευή αναπαραγωγής βίντεο, όλα αυτά αποτελούν παραδείγματα απόψεων. Μπορείτε να αλλάξετε τα στυλ τους και να αφαιρέσετε στοιχεία, αλλά θα συνεχίσετε να εργάζεστε με τα ίδια δεδομένα στο μοντέλο σας.
Ελεγκτής - Λειτουργεί ως ενδιάμεσος μεταξύ των άλλων δύο. Συνδέετε αντικείμενα κατά την άποψή σας με ένα ViewController που μεταβιβάζει τις πληροφορίες από και προς το μοντέλο σας. Έτσι, με αυτόν τον τρόπο είναι δυνατό να χρειαστεί ένας χρήστης να αγγίξει ένα κουμπί και να το καταχωρήσει στο μοντέλο σας. Στη συνέχεια εκτελέστε μια λειτουργία αποσύνδεσης και μέσω του ίδιου ελεγκτή περάσετε ένα μήνυμα “αποσυνδέθηκε με επιτυχία!”.

Έτσι βασικά σας Το μοντέλο περιέχει όλες τις πληροφορίες και λειτουργίες ότι θα χρειαστεί να εμφανίσετε κάπου στην οθόνη. Αλλά τα μοντέλα δεν μπορούν να αλληλεπιδράσουν με την οθόνη, μόνο οι προβολές μπορούν. Οι προβολές είναι ως επί το πλείστον όλα τα οπτικά και μπορούν να τραβήξουν μόνο δεδομένα μέσω ενός ViewController. ο Ο ελεγκτής είναι πραγματικά ένας πολύ πιο εκλεπτυσμένος τρόπος να κρύβετε τα πίσω δεδομένα από το σχεδιασμό του μπροστινού μέρους. Με αυτόν τον τρόπο μπορείτε να ανακαινίσετε το σχέδιο αρκετές φορές χωρίς να χάσετε οποιαδήποτε λειτουργικότητα.

Με αυτές τις γνώσεις δεν θα πρέπει να είναι δύσκολο να αρχίσετε να κατασκευάζετε τις πρώτες σας εφαρμογές. Οπως αναφέρθηκε προηγουμένως, Στόχος-Γ είναι η βασική γλώσσα προγραμματισμού που θα χρησιμοποιήσετε για την ανάπτυξη της εφαρμογής. Είναι χτισμένο στη γλώσσα C με ενημερωμένη σύνταξη και μερικά επιπλέον παραδείγματα. Θα χρειαστεί πολύς χρόνος για να εξοικειωθείτε με τη γλώσσα, αλλά για το μάθημα για αρχάριους προτείνω τη σειρά μαθημάτων από το Mobiletuts+.

Προβολή σχεδίου με ιστορίες

Τώρα που εξετάσαμε τις τεχνικές πτυχές μιας εφαρμογής, θα πρέπει να αφιερώσουμε λίγο χρόνο στο σχεδιασμό της διεπαφής. Υποθέτω ότι έχετε κρατήσει το “Ιστορία” επιλογή ελέγχεται κατά τη δημιουργία του έργου, πράγμα που σημαίνει ότι μπορείτε να βρείτε ένα μόνο MainStoryboard_iPhone.storyboard αρχείο κάπου στην ομάδα φακέλων που βρίσκεται στην αριστερή πλευρά του παραθύρου. Κάντε κλικ στο αρχείο για να το επιλέξετε και για να ανοίξετε την προβολή.

Μια νέα πλαϊνή γραμμή θα πρέπει να εμφανίζεται απευθείας στα δεξιά της ομάδας φακέλων. Αυτό ονομάζεται Έντυπο εγγράφου και είναι ένα είδος γρήγορης μεθόδου προεπισκόπησης για τον έλεγχο όλων των διαθέσιμων προβολών σε αυτό το storyboard.

Θέλουμε να ξεκινήσουμε προσθέτοντας μόνο λίγα στοιχεία σελίδας στον ελεγκτή προβολής μας. Χρειαζόμαστε δύο διαφορετικά στοιχεία: α Μπάρα πλοήγησης και ένα Γραμμή καρτέλας. Πριν τα αρπάξουμε, πρόσβαση στο Επιθεωρητής Χαρακτηριστικών (Προβολή> Βοηθητικά προγράμματα> Εμφάνιση επιθεωρητή χαρακτηριστικών) στη δεξιά πλευρά του παραθύρου και στη συνέχεια αναζητήστε το Γραμμή κατάστασης επιγραφή. Από προεπιλογή έχει οριστεί σε Αναστατωμένος που χρησιμοποιεί το πρότυπο χρώμα κατάστασης iPhone, αλλά μπορείτε επίσης να επιλέξετε Μαύρος ή Διαφανές μαύρο εάν ο σχεδιασμός της εφαρμογής σας ταιριάζει καλύτερα στο χρώμα.

Η Βιβλιοθήκη αντικειμένων

Αν το Βοηθητικά προγράμματα παράθυρο στη δεξιά πλευρά του παραθύρου δεν είναι ορατό, μπορείτε να το ενεργοποιήσετε με πρόσβαση στην Προβολή> Βοηθητικά προγράμματα> Εμφάνιση βοηθητικών προγραμμάτων. Στο παράθυρο "Βοηθητικά προγράμματα", κοιτάξτε στο κάτω μέρος για ένα πλαίσιο που ονομάζεται Βιβλιοθήκη αντικειμένων. Έχει ένα αναπτυσσόμενο μενού με το “Αντικείμενα” ως το πρώτο στοιχείο της λίστας. Εάν δεν μπορείτε να το βρείτε, μπορείτε να επιλέξετε Προβολή> Βοηθητικά προγράμματα> Εμφάνιση βιβλιοθήκης αντικειμένων.

Από το αναπτυσσόμενο μενού της Βιβλιοθήκης αντικειμένων, βρείτε και επιλέξτε Windows & Μπαρ. Τώρα κάντε κλικ στο Μπάρα πλοήγησης, σύρετε το στο παράθυρο προβολής και τοποθετήστε το απευθείας κάτω από το μαύρο Γραμμή κατάστασης (με εικονίδιο μπαταρίας). Μπορούμε να προσαρμόσουμε τώρα την περιγραφή τίτλου της γραμμής. Κάντε διπλό κλικ στο κείμενο που διαβάζει αυτή τη στιγμή “Τίτλος“, και θα δείτε μια ετικέτα που ονομάζεται “Τίτλος” στο παράθυρο Utilities, στο οποίο μπορείτε να αλλάξετε την περιγραφή του τίτλου “Δοκιμή” από εκεί. Κτύπημα “Εισαγω” να παρακολουθήσουν την αλλαγή.

Πάλι στον πίνακα "Παράθυρα & Μπαρ", μετακινηθείτε προς τα κάτω για να βρείτε το Γραμμή καρτέλας, στη συνέχεια, σύρετέ το στο παράθυρο προβολής και τοποθετήστε το στο κάτω μέρος της εφαρμογής σας. Από προεπιλογή, αυτά τα 2 στοιχεία φαίνονται φανταστικά.

Τώρα ίσως θέλετε η κλίση της γραμμής πλοήγησης να ταιριάζει με τη γραμμή καρτελών στο κάτω μέρος και για να γίνει αυτό, μπορείτε να κάνετε κλικ στη γραμμή πλοήγησης και να κοιτάξετε δεξιά στο Γνωρίσματα στην καρτέλα "Βοηθητικά προγράμματα". Η πρώτη επιλογή ονομάζεται Στυλ, που έχει οριστεί ως Προεπιλογή. Αλλάξτε το στυλ από προεπιλογή σε Μαύρο Αδιαφανές και θα έχουμε ένα αντίστοιχο σύνολο χρωμάτων!

Ας προσθέσουμε επίσης ένα άλλο κουμπί καρτελών στην κάτω γραμμή της εφαρμογής. Μετακινήστε ξανά το δρομέα του ποντικιού στον πίνακα Windows & Bars και μετακινηθείτε προς τα κάτω Στοιχείο γραμμής καρτελών, απευθείας κάτω από την καρτέλα καρτέλας. Σύρετε αυτό στο παράθυρο της εφαρμογής σας και τοποθετήστε το στη μέση των 2 κουμπιών της υπάρχουσας γραμμής καρτελών. Εάν κάνετε διπλό κλικ σε αυτό το νέο κουμπί, μπορείτε να δείτε μερικές πρόσθετες επιλογές στο παράθυρο Utilities (Βοηθητικά προγράμματα), αλλάζοντας τα στοιχεία του στοιχείου εικόνα και τίτλος από εκεί. Για παράδειγμα, έχω αλλάξει τον τίτλο “Σελιδοδείκτης” για το νέο στοιχείο γραμμής Tab Tab.

Επομένως, αυτό είναι ένα σύντομο φροντιστήριο για το σχεδιασμό προβολών μέσα στο Xcode. Δεν είναι μια τρομερά δύσκολη διαδικασία, αλλά θα χρειαστεί λίγο περισσότερος χρόνος για να συνηθίσετε με τη διεπαφή. Παίξτε με μερικά ακόμα στοιχεία αν αισθάνεστε άνετα, επίσης μπορείτε να κατευθυνθείτε στους πόρους ανάπτυξης της iOS της Apple για περισσότερους εκπαιδευτικούς πόρους, ποτέ δεν είναι κακό να ανακαλύψετε περισσότερα!

Μείνετε συντονισμένοι για το Μέρος ΙΙ

Αυτό ολοκληρώνει το πρώτο μέρος του οδηγού για το iPhone app design & development. Στο επόμενο μέρος θα βυθίσουμε λίγο βαθύτερα το Objective-C και το Cocoa Touch και θα μάθετε τελικά να δημιουργήσετε μια λειτουργική εφαρμογή iPhone, να μείνετε συντονισμένοι!

iOS Gallery Design

Για τους σχεδιαστές εκεί, ελπίζω επίσης να σας δώσω έμπνευση, οπότε έχω συμπεριλάβει μια λίστα με εκπληκτικές προβολές iPhone app παρακάτω. Η λίστα περιλαμβάνει μια μεγάλη ποικιλία εμπνευσμένων στοιχείων εφαρμογής τα οποία πιθανώς δεν έχετε παρατηρήσει ποτέ πριν. Μη διστάσετε να μοιραστείτε τις ιδέες, τις απόψεις της εφαρμογής ή τις ερωτήσεις σας στην παρακάτω παράγραφο σχολίων, σας ευχαριστώ!

Διαχωριστής φυλών

Ικανοποίηση απομακρυσμένη

Tweetbot για το iPhone

Reeder

Τετράγωνο

MailChimp

Ίνσταγκραμ

Joystiq

Piictu

Σκοτάδι