Przewodnik dla początkujących do tworzenia aplikacji na iPhone'a: ​​Hello iPhone

W porządku, masz Maca (działa też Hackintosh) i chcesz spróbować swoich sił w pisaniu aplikacji na iPhone'a. W sieci dostępnych jest mnóstwo samouczków, ale najłatwiejszym sposobem nauczenia się nieznanego języka programowania, frameworka lub IDE jest po prostu zagłębienie się w to i ubrudzenie sobie rąk. Zacznijmy od dołu i idźmy w górę, dlatego ten samouczek pokaże Ci, jak stworzyć podstawowy Aplikacja „Witaj iPhone” z pomocą podstawowych kreatorów i wizualnych konstruktorów, które są dostarczane po wyjęciu z pudełka przez Jabłko.

Kiedy mamy jakiś nowy framework, który zawiera wizualny kreator, dobrze jest spróbować prostego budowania aplikacji, aby zrozumieć, co zapewnia framework, zanim zagłębimy się w kod. Interface Builder dostarczany przez Apple jest jednym z najbardziej użytecznych projektantów, jakich kiedykolwiek używałem i to działa trochę magii, jeśli nie chcesz dostać się do poziomu kodu, który jest idealny dla początkujący.

Aby rozpocząć tworzenie aplikacji na iPhone'a, najpierw musisz pobrać i zainstalować

Pakiet SDK dla iOS. Spowoduje to zainstalowanie wszystkiego, czego potrzebujesz do tworzenia aplikacji – XCode (Apple IDE), iPhone Simulator (pomaga testować Twoje aplikacje bez iPhone'a) i Interface Builder (Apple User Interface Builder do tworzenia iPhone'a) Aplikacje).

Po zainstalowaniu wszystkiego możesz zacząć. Zacznij od uruchomienia XCode. Domyślnie jest zainstalowany w folderze Developer.

Po uruchomieniu XCode ukaże się nam ekran powitalny. Możesz to przejrzeć lub po prostu odrzucić. Możesz wybrać Utwórz nowy projekt XCode przycisk podświetlony na obrazku pokazanym poniżej, aby wywołać szablony projektu.

Aplikacja oparta na widokach jest najprostsza na początek, ponieważ zapewnia kompletną aplikację typu barebone, którą można łatwo uruchomić na iPhonie i wyświetlić pusty widok. To, co ten szablon da, to widok i delegat aplikacji. Po prostu delegat aplikacji to jednostka, która odpowiada na komunikaty z obiektu aplikacji. W aplikacji na iPhone'a może być tylko jeden obiekt aplikacji, a szablon projektu zajmuje się jego tworzeniem.

Po kliknięciu przycisku Wybierz zostaniesz poproszony o podanie nazwy projektu. Nazwijmy go „Witaj iPhone”.

Po utworzeniu projektu przy użyciu szablonu, pojawia się interfejs XCode i pokazuje wszystkie pliki wygenerowane przez szablon projektu w ładnym i użytecznym widoku.

Najważniejszym plikiem dla nas jest MainWindow.xib, który zawiera naszego delegata aplikacji. Szablon, którego użyliśmy, utworzył dla nas ten plik nib (MainWindow.xib), co zapewnia utworzenie wszystkich relacji obiektów potrzebnych do działania tej aplikacji. Możemy przyjąć za pewnik, że modyfikacja czegokolwiek w powiązanym widoku pojawi się w naszej aplikacji po jej uruchomieniu.

Dwukrotne kliknięcie pliku MainWindow.xib uruchomi konstruktora interfejsu i wyświetli następny widok, pokazujący zaangażowany kontroler widoku. Jeśli chcemy wprowadzić jakiekolwiek zmiany w widoku, które chcemy wprowadzić w tym przypadku, powinniśmy kliknąć link podany w widoku kontrolera, jak pokazano na poniższym obrazku.

Kliknięcie linku otworzy inny plik nib o nazwie Hello_iPhoneViewController.xib, jak pokazano na poniższym obrazku, a także otworzy rzeczywisty widok, który zostanie wyświetlony po uruchomieniu aplikacji. Wszelkie zmiany, które wprowadzamy w tym widoku, będą bezpośrednio odzwierciedlać go po uruchomieniu aplikacji.

Ponieważ nazywamy nasz projekt „Hello iPhone”, umieśćmy ten sam tekst z hukiem (!) w naszym widoku w etykiecie. Jeśli musimy dodać element interfejsu użytkownika do widoku, możemy to zrobić, wybierając komponent z okna Biblioteki. Okno biblioteki można uruchomić z menu Narzędzia > Biblioteka w menu konstruktora interfejsu.

Kliknięcie pozycji menu Biblioteka spowoduje wyświetlenie okna dialogowego biblioteki, które zawiera listę dostępnych komponentów i można je przewijać za pomocą paska przewijania, jak pokazano na poniższym obrazku.

Przewiń w dół/w górę, aby znaleźć komponent „Etykieta”, który jest pokazany na poniższym obrazku.

Wprowadzenie komponentu do widoku jest bardzo proste i proste. Będziesz musiał przeciągnąć i upuścić komponent z okna dialogowego Biblioteka do widoku, jak pokazano na poniższym obrazku.

Po upuszczeniu komponentu etykiety do widoku pojawi się on, jak pokazano poniżej, a tekst można edytować w tekście.

Kliknijmy dwukrotnie tekst „Etykieta” i zmieńmy go na pożądany, „Witaj iPhone!” w naszym przypadku, ponieważ jest to aplikacja o tej samej nazwie. Edycja pojawi się jak na poniższym obrazku.

Zamknij wszystkie widoki, a po zamknięciu okna dialogowego „Hello_iPhoneViewController.xib” zostaniesz poproszony o zapisanie zmian. Kliknij przycisk „Zapisz”, aby zastosować i zapisać zmiany, które właśnie zrobiliśmy.

Ważna uwaga: pamiętaj, że konstruktor interfejsu nie jest zintegrowany z XCode, a zmiany w nim wprowadzone nie są zapisywane, gdy ty też zapisz lub zbuduj swój projekt w XCode, więc zawsze ważne jest, aby zapisać zmiany w konstruktorze interfejsu przed zbudowaniem i uruchomieniem projektu w XKod.

Następnie wracamy do okna XCode i wszystko gotowe do uruchomienia aplikacji „Hello iPhone”. Zobaczmy, jak to zrobić. Aplikację można zbudować i uruchomić w symulatorze po skompilowaniu, klikając przycisk „Buduj i uruchom” widoczny w górnej środkowej części okna XCode, jak pokazano na poniższym obrazku.

To spróbuje zbudować aplikację i w naszym przypadku powinno pomyślnie zbudować i uruchomić naszą aplikację w symulatorze iPhone'a, jak pokazano na poniższym obrazku.

Cóż, oto jesteśmy, mówiąc „Hello iPhone!”, Gratulacje, że właśnie pojawiła się Twoja pierwsza aplikacja na iPhone'a na symulatorze. Z niecierpliwością czekamy na Twoją odpowiedź, jeśli znajdziesz jakieś problemy lub chcesz podzielić się swoją opinią.