Разработване на iPhone (4): първото ни приложение (II)

В предишната ни публикация посочихме какво ще бъде нашето приложение HelloWorld и стъпките, които ще предприемем за изграждането на нашето приложение, както и връзки към необходимата документация. В тази статия започваме с отваряне на XCode и започваме да се развиваме.

Стъпка 1. Създайте проекта.

Поради тази причина отваряме XCode и затваряме (ако излезе) прозореца за добре дошли на приложението. Преди да създадем нашия проект, можем да въведем предпочитанията на XCode. Като цяло -> Оформление изберете „Всичко в едно“, поне ако искате да можете да сравните това, което виждате на екраните си, с изображенията, които ще видите.

В този момент създаваме проекта: Файл -> Нов проект и избираме Въз основа на изгледа:

Както посочихме в предишната статия, за проект, базиран на изглед XCode, той създава изглед, свързан с клас Controller (не забравяйте, че говорихме за шаблона MVC). Обадете се на проекта HelloWorld и го запазете в желаната от вас папка. Ще видите нещо подобно на това:

Виждаме, че имаме няколко файла:

• HelloWorldViewController.h и HelloWorldViewController.m. И двете съответстват на контролера на нашия екран. Тук ще бъде логиката, свързана с нашия възглед; В нашия случай тук трябва да е кодът, който прави стойността на етикета да се променя с въведеното в текстовото поле. Виждаме, че има .h файл и друг .m. Първият е заглавката, в Java това ще бъде интерфейсът. Ето декларациите на променливи, методи и т.н. Файлът .m е този, който вече съдържа изпълнението.
• HelloWorldViewController.xib. ib = Създател на интерфейси. Този файл е нашият изглед, екранът. Той се извиква от MainWindow.xib, основната фасада на изгледите, които няма да докоснем.
• HelloWorldAppDelegate (.h и .m). Няма да ги модифицираме, той има указател към нашия ViewController.
• Info.plist. Това е XML с информация за нашето приложение. Тук можем например да посочим коя е иконата на нашето приложение.

Стъпка 2. Проектирайте интерфейса.

Ще започнем да "рисуваме" екрана на нашето приложение. За целта в XCode щракваме двукратно върху HelloWorldViewController.xib и ще видим, че се отваря приложението Interface Builder. На първо място, като практически съвет препоръчвам винаги да проверявате дали са отворени палитрите Inspector и Library. Можете да ги отворите в менюто Инструменти на Interface Builder. Палитрата на библиотеката ще ви позволи да добавите различни контроли към вашия изглед, а палитрата Inspector ви позволява да видите свойствата на всеки обект и да ги модифицирате.

Няма да се опитваме да направим красиво приложение, а да го накараме да работи. Започнете с намирането на екрана, означен с Изглед. Ако не е отворен, той се отваря чрез двукратно щракване върху Преглед на следния екран:

На изгледа плъзнете от палитрата на библиотеката текстово поле отгоре, етикет отдолу и накрая бутон за кръгло прави Разглеждаме го, ако имаме контрола като избрания TextField, можем да преместим размера на тази контрола, да я преместим на екрана ... и в палитрата Inspector да имаме нейните свойства. Избирайки бутона, можем да поставим заглавие със стойност «Промяна!». В крайна сметка ще имаме нещо подобно:

С това дефинирахме интерфейса на нашето приложение. Той е в съответствие с това, което бяхме планирали: текстово поле (оттук нататък TextField), където ще въведем информация. Етикет (фиксиран текст) и бутон. Когато натиснем бутона, етикетът ще покаже написаното от нас в TextField. За да направим това, ще трябва да създадем променливите, които се отнасят до етикета и TextField в нашия ViewController и ще трябва да посочим на Interface Builder връзката между етикета и TextField с тези променливи. Също така ще трябва да създадем метод в ViewController, който отговаря за актуализирането на стойността на етикета с това, което сме въвели в TextField, и да свържем бутона с този метод в Interface Builder. Всичко това ще бъдат стъпки 3, 4 и 5 от нашия първоначален скрипт и ще бъдат обяснени в следващата публикация.

Разбира се, преди да завършите, препоръчвам ви да разгледате какво се появява в палитрата на библиотеката, когато сте избрали например TextField, за да го добавите към изгледа:

Можете да видите, че той обяснява какво прави контролата TextField, но също така казва "UITextField" отдолу. Това е важно, защото ни казва кой клас в рамката на какао UIKit съответства на този контрол. Това ни дава подсказка: за да създадем променливата, която обработва тази контрола в ViewController, тя ще трябва да бъде от типа UITextField.