Průvodce pro začátečníky vývojem aplikací pro iPhone: Ahoj iPhone

Dobře, máte Mac (funguje i Hackintosh) a chcete si vyzkoušet psaní aplikací pro iPhone. Na internetu jsou k dispozici tuny tutoriálů, ale nejjednodušší způsob, jak se naučit neznámý programovací jazyk, framework nebo IDE, je jednoduše se do toho pustit a ušpinit si ruce. Začněme zdola a postupujeme nahoru, proto vám tento tutoriál ukáže, jak vytvořit základní Aplikace „Hello iPhone“ se základními pomocníky a vizuálními tvůrci, které dodává po vybalení Jablko.

Když máme jakýkoli nový rámec, který obsahuje vizuální tvůrce, je dobré vyzkoušet jednoduché vytváření aplikací, abyste porozuměli tomu, co rámec poskytuje, než se pustíte do hloubky kód. Interface Builder poskytovaný společností Apple je jedním z nejužitečnějších návrhářů, které jsem kdy použil, a to funguje nějaké kouzlo, pokud nechcete dostat své ruce do úrovně kódu, což je ideální pro a začátečník.

Chcete-li začít s vývojem aplikací pro iPhone, musíte si nejprve stáhnout a nainstalovat iOS SDK. Tím se nainstaluje vše, co potřebujete k vytváření aplikací – XCode (Apple’s IDE), iPhone Simulator (pomáhá vám s testováním vaše aplikace bez iPhone) a Interface Builder (Apple's User Interface Builder pro vývoj iPhone aplikace).

Jakmile máte vše nainstalováno, jste připraveni skočit. Začněte spuštěním XCode. Ve výchozím nastavení je nainstalován ve složce Developer.

Když spustíme XCode, zobrazí se nám uvítací obrazovka. Můžete si to buď prohlédnout, nebo to rovnou odmítnout. Můžete si vybrat Vytvořte nový projekt XCode tlačítko zvýrazněné na obrázku níže pro zobrazení šablon projektu.

Aplikace založená na zobrazení je pro začátek nejjednodušší, protože poskytuje kompletní barebone aplikaci, kterou lze snadno spustit na iPhone a zobrazit prázdný pohled. Tato šablona poskytne pohled a delegát aplikace. Delegát aplikace jednoduše řečeno je entita, která odpovídá na zprávy z objektu aplikace. Na jednu aplikaci pro iPhone může být pouze jeden aplikační objekt a o jeho vytvoření se stará šablona projektu.

Když kliknete na tlačítko Vybrat, budete vyzváni k zadání názvu projektu. Pojmenujme ho „Ahoj iPhone“.

Jakmile je projekt vytvořen pomocí šablony, zobrazí se rozhraní XCode a zobrazí všechny soubory, které pro vás šablona projektu vygenerovala, v pěkném a použitelném zobrazení.

Zde je pro nás nejdůležitější soubor MainWindow.xib, který obsahuje našeho aplikačního delegáta. Šablona, ​​kterou jsme použili, pro nás vytvořila tento nib soubor (MainWindow.xib) a ten se stará o vytvoření všech objektových vztahů potřebných pro běh této aplikace. Můžeme považovat za samozřejmé, že úprava čehokoli v souvisejícím zobrazení se v naší aplikaci zobrazí při jejím spuštění.

Dvojitým kliknutím na soubor MainWindow.xib se spustí tvůrce rozhraní a zobrazí se nám další pohled s příslušným ovladačem pohledu. Pokud chceme provést nějaké změny v zobrazení, které chceme v tomto případě provést, měli bychom kliknout na odkaz uvedený v zobrazení ovladače, jak je znázorněno na obrázku níže.

Kliknutím na odkaz se otevře další nib soubor s názvem Hello_iPhoneViewController.xib, jak je znázorněno na obrázku níže, a také se otevře aktuální zobrazení, které se zobrazí při spuštění aplikace. Jakékoli změny, které v tomto zobrazení provedeme, se v něm přímo projeví při spuštění aplikace.

Vzhledem k tomu, že náš projekt nazýváme „Hello iPhone“, dovolte nám umístit stejný text s třeskem (!) na náš pohled ve štítku. Pokud musíme do pohledu přidat prvek uživatelského rozhraní, můžeme tak učinit výběrem komponenty z okna Knihovna. Okno knihovny lze spustit z nabídky Nástroje > Knihovna v nabídce tvůrce rozhraní.

Kliknutím na položku nabídky Knihovna se zobrazí dialogové okno knihovny se seznamem dostupných součástí a lze v něm rolovat pomocí posuvníku, jak je zvýrazněno na obrázku níže.

Přejděte dolů/nahoru a vyhledejte komponentu „Label“, která je zobrazena zvýrazněně na obrázku níže.

Získání komponenty do pohledu je velmi jednoduché a přímočaré. Budete muset přetáhnout komponentu z dialogu Knihovna do pohledu, jak je znázorněno na obrázku níže.

Jakmile komponentu štítku pustíte do pohledu, zobrazí se, jak je znázorněno níže, a text lze upravit přímo.

Dvakrát klikněte na text „Label“ a změňte jej na to, co si přejeme, „Ahoj iPhone!“ v našem případě, protože se jedná o aplikaci se stejným názvem. Úpravy se zobrazí jako na obrázku níže.

Zavřete všechna zobrazení a když zavřete dialog s názvem „Hello_iPhoneViewController.xib“, budete vyzváni k uložení změn. Kliknutím na tlačítko „Uložit“ použijete a uložíte změny, které jsme právě provedli.

Důležitá poznámka: Pamatujte, že Tvůrce rozhraní není integrován do XCode a změny v něm provedené se neuloží, když uložte nebo sestavte svůj projekt v XCode, takže je vždy důležité uložit změny v tvůrci rozhraní před vytvořením a spuštěním projektu XCode.

Dále jsme zpět v okně XCode a vše je nastaveno na spuštění aplikace „Hello iPhone“. Podívejme se, jak na to. Aplikaci lze sestavit a spustit v simulátoru po sestavení kliknutím na tlačítko „Build and Run“ zobrazené v horní střední části okna XCode, jak je zvýrazněno na obrázku níže.

To se pokusí sestavit aplikaci a v našem případě by mělo úspěšně sestavit a spustit naši aplikaci v simulátoru iPhone, jak je znázorněno na obrázku níže.

Tak, tady říkáme „Ahoj iPhone!“ Gratulujeme, že jste právě otevřeli svou úplně první aplikaci pro iPhone na simulátoru. Těšíme se, že si od vás vyslechneme, pokud narazíte na nějaké problémy nebo se budete chtít podělit o zpětnou vazbu.