Развој на иПхоне-у (4): наша прва апликација (ИИ)

У нашем претходном посту назначили смо каква ће бити наша апликација ХеллоВорлд и кораке које ћемо предузети за изградњу наше апликације, као и дајући линкове до потребне документације. У овом чланку започињемо отварањем КСЦоде-а и почињемо да се развијамо.

Корак 1. Креирајте пројекат.

Из тог разлога отварамо КСЦоде и затварамо (ако изађе) прозор добродошлице апликације. Пре креирања нашег пројекта, можемо да унесемо КСЦоде преференције. Опћенито -> Изглед одаберите „Све у једном“, барем ако желите да упоредите оно што видите на екранима са сликама које ћете видјети.

У овом тренутку креирамо пројекат: Датотека -> Нови пројекат и бирамо на основу приказа:

Као што смо навели у претходном чланку, за пројекат заснован на приказу КСЦоде креира приказ повезан са класом Цонтроллер (не заборавите да смо говорили о МВЦ обрасцу). Позовите пројекат ХеллоВорлд и сачувајте га у жељеној фасцикли. Видећете нешто слично овоме:

Видимо да имамо неколико датотека:

• ХеллоВорлдВиевЦонтроллер.х и ХеллоВорлдВиевЦонтроллер.м. Оба одговарају управљачу нашег екрана. Овде ће бити логика везана за наш поглед; У нашем случају, овде мора бити код који доводи до промене вредности налепнице са оним што је унето у оквир за текст. Видимо да постоји .х датотека и још једна .м. Прво је заглавље, у Јави би то био интерфејс. Овде су декларације променљивих, метода итд. .М датотека је она која већ садржи имплементацију.
• ХеллоВорлдВиевЦонтроллер.киб. иб = Градитељ интерфејса. Ова датотека је наш приказ, екран. На њу се позива МаинВиндов.киб, главна фасада погледа коју нећемо додирнути.
• ХеллоВорлдАппДелегате (.х и .м). Нећемо их модификовати, има показивач на наш ВиевЦонтроллер.
• Инфо.плист. То је КСМЛ са информацијама о нашој апликацији. Овде можемо, на пример, назначити која је икона наше апликације.

Корак 2. Дизајнирајте интерфејс.

Почећемо да „цртамо“ екран наше апликације. Да бисмо то урадили, у КСЦоде двоструко кликнемо на ХеллоВорлдВиевЦонтроллер.киб и видећемо да се отвара апликација Интерфаце Буилдер. Пре свега, као практични савет препоручујем да увек проверите да ли су отворене палете Инспецтор и Либрари. Можете их отворити у менију Алати програма Интерфаце Буилдер. Палета Библиотека омогућиће вам да додате различите контроле у ​​свој поглед, а палета Инспектор омогућава вам да видите својства сваког објекта и да их мењате.

Нећемо покушати да направимо лепу апликацију, већ да учинимо да функционише. Започните тако што ћете лоцирати екран са ознаком Приказ. Ако није отворен, отвара се двоструким кликом на Поглед на следећем екрану:

На приказу повуците из библиотечке палете ТектФиелд горе, Лабел одоздо и на крају дугме Роунд Рецт Гледамо у то, ако имамо контролу као што је ТектФиелд одабрано, можемо померити величину ове контроле, преселити је на екран ... и у палети Инспецтор можемо имати њена својства. Одабиром дугмета можемо ставити Наслов са вредношћу «Промени!». На крају ћемо имати нешто попут овог:

Овим смо дефинисали интерфејс наше апликације. У складу је са оним што смо планирали: текстуалним оквиром (у даљем тексту ТектФиелд) у који ћемо унети информације. Ознака (фиксни текст) и дугме. Када притиснемо дугме, Ознака ће показати шта смо написали у ТектФиелду. Да бисмо то урадили, мораћемо да креирамо променљиве које се односе на Лабел и ТектФиелд у нашем ВиевЦонтроллер-у и мораћемо да назначимо Интерфаце Буилдер-у везу између Лабел-а и ТектФиелд-а са овим променљивим. Такође ћемо морати да креирамо методу у ВиевЦонтроллер-у која је задужена за ажурирање вредности ознаке оним што смо унели у ТектФиелд и да повежемо дугме са том методом у Интерфаце Буилдер-у. Све ће то бити кораци 3, 4 и 5 наше почетне скрипте и биће објашњено у следећем посту.

Наравно, пре завршетка, препоручујем вам да погледате шта се појављује у палети Либрари када сте изабрали, на пример, ТектФиелд да бисте га додали у приказ:

Можете видети да објашњава шта ради контрола ТектФиелд, али такође наводи и „УИТектФиелд“ у наставку. Ово је важно, јер нам говори која класа у оквиру какао УИКит одговара овој контроли. Ово нам даје наговештај: да бисмо креирали променљиву која управља овом контролом у ВиевЦонтроллер-у, мораће да буде типа УИТектФиелд.