Ako vytvoriť aplikáciu pre iPhone?

Definujte svoj koncept. Pred prvým otvorením Xcode by ste mali mať premyslený plán pre svoju aplikáciu a jej funkcie. To by mohlo zahŕňať návrh dokumentu, ktorý popisuje všetky funkcie aplikácie, náčrty používateľského rozhrania a tok medzi obrazovkami a základnú predstavu o typoch systémov, ktoré bude potrebné implementovať.

• Pri vývoji aplikácie sa snažte čo najviac držať svojho dokumentu návrhu. Pomôže vám to sústrediť sa na požadované funkcie.
• Skúste nakresliť aspoň jednu miniatúru náčrtu pre každú obrazovku vo svojej aplikácii.

Určite svoje publikum. Publikum vašej aplikácie bude mať veľa do činenia s jej vzhľadom a funkčnosťou. Napríklad aplikácia so zoznamom úloh bude mať oveľa iné publikum ako krvavá strieľačka. To vám pomôže

Vyriešte potrebu pomocou aplikácie. Ak je vaša aplikácia nejakým nástrojom, mala by ponúknuť riešenie problému, ktorý ešte nebol vyriešený, alebo jedinečné riešenie alebo metódu, alebo riešenie, ktoré to zvládne lepšie ako predchádzajúce pokusy. Ak je vaša aplikácia hrou, mala by mať jedinečnú funkciu alebo funkcie, ktoré ju odlišujú a priťahujú konkrétnych hráčov.

Zvážte obsah. Vaše používateľské rozhranie bude určené typom obsahu, ktorý používateľovi vašej aplikácie zobrazujete. Ak sa napríklad aplikácia zaoberá fotografiami, budete chcieť používateľské rozhranie, ktoré umožní čo najľahšie prezeranie fotografií a ich navigáciu.

Nacvičte si správne postupy navrhovania používateľského rozhrania. Používateľské rozhranie by nikdy nemalo prekážať používateľovi. To znamená, že možnosti by mali byť jasne viditeľné a používateľ by sa nikdy nemal pýtať, aké tlačidlo robí čo. Ak používate ikony, mali by presne vyjadrovať ich funkciu. Navigácia v aplikácii by mala byť plynulá a prirodzená.

• UI design je rovnako umelecká forma, ako aj veda. Ako sa váš projekt vyvíja, budete pravdepodobne svoj návrh neustále revidovať.

Vytvorte nový projekt v xcode. Otvorte Xcode a spustite nový projekt z ponuky Súbor. Vyberte položku „Aplikácia“ v časti „iOS“ na ľavej strane okna. V sekcii šablóny zvoľte „Prázdna aplikácia“.

• K dispozícii je množstvo šablón, všetky navrhnuté pre rôzne úlohy. Začnite s prázdnou šablónou, kým sa s vývojovým procesom nebudete cítiť príjemnejšie. Hneď ako sa zoznámite s tým, ako všetko funguje, môžete vyskúšať jednu z komplikovanejších šablón.
• Budete musieť zadať názov produktu, identifikátor vašej spoločnosti a predponu triedy. Ak ešte nemáte identifikátor spoločnosti od spoločnosti Apple, zadajte com.example. Pre predponu triedy zadajte XYZ.
• V ponuke Zariadenia vyberte položku „iPhone“.

Vytvorte storyboard. Storyboard je vizuálnou reprezentáciou všetkých obrazoviek vašej aplikácie. Zobrazuje obsah každej obrazovky a tiež prechody medzi nimi. Nástroj Storyboard vám pomôže vyvinúť tok vašej aplikácie.

• Kliknite na položku Súbor → Nový → Súbor.
• Pod nadpisom iOS kliknite na „Používateľské rozhranie“.
• Vyberte Storyboard a kliknite na Ďalej.
• V ponuke Zariadenia vyberte iPhone a pomenujte súbor „Hlavný“. Uistite sa, že je uložený na rovnakom mieste ako váš projekt.

Priraďte svoj storyboard k svojmu projektu. Keď vytvoríte Storyboard, budete ho musieť priradiť ako hlavné rozhranie svojej aplikácie. Po spustení aplikácie sa načíta Storyboard. Ak storyboard nepriradíte, po spustení aplikácie sa nič nestane.

• Kliknite na názov projektu v ľavom navigačnom strome.
• V hlavnom rámci nájdite nadpis Ciele. Vyberte svoj projekt zo zoznamu Ciele.
• Nájdite sekciu Informácie o nasadení na karte Všeobecné.
• Zadajte Main.storyboard textové pole „Hlavné rozhranie“.

Pridajte svoju prvú obrazovku pomocou ovládača zobrazenia. Ovládače zobrazenia určujú, ako si používateľ prezerá obsah. K dispozícii je množstvo prednastavených ovládačov zobrazenia vrátane štandardných zobrazení a tabuliek. Do svojho storyboardu pridáte ovládače zobrazenia, ktoré aplikácii povedia, ako zobraziť obsah používateľovi.

• V navigačnej ponuke projektu vyberte súbor „Main.storyboard“. V okne Interface Builder uvidíte prázdne plátno.
• Nájdite objektovú knižnicu. Nachádza sa v spodnej časti pravého rámčeka a môžete ho vybrať kliknutím na malé tlačidlo kocky. Načíta sa zoznam objektov, ktoré je možné pridať na vaše plátno.
• Kliknite a presuňte objekt „Zobraziť ovládač“ na plátno. Vaša prvá obrazovka sa zobrazí na plátne.
• Vaša prvá „scéna“ je dokončená. Po spustení aplikácie ovládač zobrazenia načíta vašu prvú obrazovku.

Pridajte objekty rozhrania na svoju prvú obrazovku. Keď máte nastavený ovládač zobrazenia, môžete začať na obrazovke vyplňovať potrebné objekty rozhrania, ako sú štítky, polia na zadávanie textu a tlačidlá. Všetky objekty rozhrania nájdete v zozname Knižnica objektov, v ktorom ste našli objekt Zobraziť ovládač.

• Kliknutím a presunutím objektov zo zoznamu ich pridáte na obrazovku.
• Väčšinu objektov je možné zmeniť kliknutím alebo potiahnutím políčok na okraji objektu. Pri zmene veľkosti sa na obrazovke zobrazia pokyny, ktoré vám pomôžu zaistiť správne zarovnanie.

Prispôsobte si objekty, ktoré pridávate. Vlastnosti môžete upraviť pre každý objekt, čo vám umožní vytvoriť vlastné a intuitívne rozhranie. Do poľa pre zadávanie textu môžete napríklad pridať zástupný text, ktorý používateľovi pomôže zorientovať sa v tom, čo by mal zadať.

• Vyberte objekt, ktorý chcete prispôsobiť, a kliknite na tlačidlo „Inšpektor atribútov“ v hornej časti pravého rámu. Tlačidlo vyzerá ako štít.
• Prispôsobte si predmet podľa svojich predstáv. Môžete zmeniť štýl písma, veľkosť písma, farbu textu, zarovnanie, obrázky na pozadí, zástupný text, štýl orámovania a mnoho ďalších.
• Dostupné možnosti sa zmenia v závislosti od objektu, ktorý prispôsobujete.

Pridajte ďalšie obrazovky. Ako váš projekt rastie, pravdepodobne budete musieť pridať ďalšiu obrazovku, aby sa zobrazil všetok obsah potrebný na to, aby bola aplikácia užitočná. Ak napríklad vytvárate aplikáciu pre zoznam úloh, budete potrebovať najmenej dve obrazovky: jednu na zadanie položky zoznamu úloh a druhú na zobrazenie celého zoznamu.

• Ďalšie obrazovky sa pridávajú potiahnutím a pustením objektov ovládača zobrazenia na prázdne časti plátna. Ak nemôžete nájsť prázdne miesto, ktoré by ste chceli odhodiť, kliknite na tlačidlo „oddialiť“, kým nenájdete prázdne oblasti. Uistite sa, že umiestnite ovládač zobrazenia na plátno, a nie na existujúcu obrazovku.
• Úvodnú obrazovku môžete zmeniť výberom ovládača zobrazenia, pomocou ktorého chcete viesť, z obrysu projektu. Kliknite na tlačidlo Attribute Inspector a začiarknite políčko „Is Initial View Controller“. Ak napríklad vytvárate zoznam úloh, budete chcieť, aby bol skutočný zoznam prvou vecou, ktorú používateľ uvidí pri spustení aplikácie.

Pridajte navigačnú lištu. Teraz, keď máte vo svojej aplikácii dve obrazovky, je načase ju vytvoriť tak, aby sa používateľ mohol medzi nimi pohybovať tam a späť. Môžete to urobiť pomocou navigačného ovládača, ktorý je špecializovaným ovládačom zobrazenia. Tento ovládač pridáva do hornej časti aplikácie navigačnú lištu, ktorá umožňuje používateľovi pohybovať sa tam a späť medzi obrazovkami.

• Váš navigačný ovládač by mal byť pridaný k počiatočnému zobrazeniu, aby mohol ovládať všetky nasledujúce obrazovky.
• Vyberte svoje počiatočné zobrazenie v obryse projektu.
• Kliknite na položku Editor → Vložiť → Ovládač navigácie.
• V hornej časti obrazovky, na ktorú ste pridali ovládač, by sa mal objaviť sivý navigačný panel.

Pridajte funkcie na navigačnú lištu. Teraz, keď ste vložili navigačnú lištu, môžete do nej začať pridávať navigačné nástroje. To umožní vášmu používateľovi pohybovať sa tam a späť medzi obrazovkami.

• Pridajte názov na navigačný panel. Kliknite na navigačnú položku pod ovládačom zobrazenia, ku ktorému ste ju priradili. Otvorte Kontrola atribútov a do poľa Názov zadajte názov aktuálnej obrazovky.
• Pridajte navigačné tlačidlo. Otvorte knižnicu Objects, ak ešte nie je otvorená, a nájdite položku Bar Button. Kliknite a presuňte ho na navigačný panel. Tlačidlá, ktoré vás v aplikácii posúvajú „vpred“, sú zvyčajne umiestnené vpravo a tlačidlá, ktoré vás posúvajú „dozadu“, vľavo.
• Priraďte tlačidlu vlastnosť. Tlačidlá je možné nakonfigurovať tak, aby mali špecifické vlastnosti, ktoré im uľahčujú prispôsobenie sa okolnostiam. Ak napríklad vytvárate zoznam úloh, budete chcieť na vytvorenie nového záznamu tlačidlo „Pridať“. Kliknite na tlačidlo a otvorte nástroj Attribute Inspector. Nájdite ponuku Identifikátor a zvoľte „Pridať“. Tlačidlo sa zmení na logo „+“.

Prepojte svoje nové tlačidlo s existujúcou obrazovkou. Aby vaše tlačidlo fungovalo, budete ho musieť pripojiť k inej obrazovke. V našom príklade zoznamu úloh je tlačidlo umiestnené na celkovom zozname a musí byť prepojené so vstupnou obrazovkou. Ak chcete tlačidlo prepojiť, podržte kláves Ctrl a presuňte tlačidlo na druhú obrazovku.

• Po uvoľnení tlačidla myši sa zobrazí ponuka Action Segue so zoznamom možností. Ak chcete pri prechode medzi obrazovkami používať prechod push, zvoľte „Push“. Môžete tiež vybrať „Modálny“, ktorý na rozdiel od sekvencie otvorí obrazovku ako samostatnú akciu.
• Ak používate Push, navigačný panel sa automaticky pridá na vašu druhú obrazovku a automaticky sa vytvorí tlačidlo „späť“. Ak zvolíte modálnu, budete musieť manuálne vložiť druhú navigačnú lištu a tiež pridať tlačidlo „Zrušiť“ a „Hotovo“ (pre zoznam úloh; štítky vašich tlačidiel sa budú meniť v závislosti od potrieb vašej aplikácie)).
• Tlačidlá „Zrušiť“ a „Hotovo“ je možné vytvoriť rovnakým spôsobom ako tlačidlo „Pridať“. Jednoducho zvoľte „Zrušiť“ alebo „Hotovo“ z ponuky Identifikátor v Inšpektorovom inšpektorovi.

Pridajte možnosti spracovania údajov. Až do tohto bodu ste boli schopní vytvoriť základné navigačné rozhranie bez potreby akéhokoľvek kódovania. Ak chcete pridať ďalšie hlbšie funkcie, ako napríklad ukladanie údajov a manipuláciu s používateľskými vstupmi, budete si musieť v kóde zašpiniť ruky. Kódovanie nespadá do rozsahu tejto príručky, ale na internete je k dispozícii veľké množstvo návodov na Objective-C.

• Prototyp navigačného rozhrania vám môže pomôcť pri nábore vývojára. Vďaka funkčnému rozhraniu bude oveľa jednoduchšie vysvetliť, čo potrebujete v oblasti kódovania.

Spustite simulátor ios. Xcode je dodávaný so vstavaným simulátorom iOS, ktorý vám umožní otestovať vašu aplikáciu na rôznych simulovaných zariadeniach iOS. Simulátor spustíte tak, že v rozbaľovacej ponuke v hornej časti okna Xcode vyberiete položku „Simulátor a ladenie“ a potom vyberiete zariadenie, na ktorom chcete testovať.

Zostavte aplikáciu. Kliknutím na tlačidlo Zostaviť, ktoré vyzerá ako tradičné tlačidlo Play, aplikáciu skompilujte a spustite. Vytvorenie aplikácie môže trvať niekoľko minút. priebeh môžete sledovať na paneli s nástrojmi. Po dokončení procesu zostavenia sa otvorí simulátor iOS a môžete začať testovať svoju aplikáciu.

Otestujte aplikáciu na svojom iPhone. Pred distribúciou aplikácie na testovanie ju môžete otestovať na svojom vlastnom zariadení (ak ho máte). Najprv zapojte zariadenie do počítača pomocou USB. Ak sa iTunes otvorí, zatvorte ho. V rozbaľovacej ponuke vyberte položku „Zariadenie a ladenie“ a potom kliknite na tlačidlo Zostaviť. Po niekoľkých sekundách by sa mala aplikácia spustiť na zariadení iPhone. pred zatvorením aplikácie vyskúšajte všetky funkcie.

Ladenie aplikácie. Ak sa vám aplikácia pokazila, musíte začať zisťovať, čo sa stalo a prečo. Toto je rozsiahla téma a existuje nespočetné množstvo dôvodov, prečo mohla vaša aplikácia zlyhať. Otvorte ladiacu konzolu a prečítajte si chybové hlásenia. Väčšinou sú dosť záhadné. Ak nerozumiete chybe, skúste chybové hlásenie vyhľadať pomocou Googlu. Je pravdepodobné, že nájdete príspevok na vývojovom fóre spoločnosti Apple, kde priateľský skúsený vývojár odpovedal na ich prosbu.

• Ladenie môže byť pre vás veľmi časovo náročný a únavný čas. Ak sa nevzdáš a vytrváš, časom to zvládneš. Začnete rozpoznávať chyby, rýchlo ich sledovať a niekedy ich dokonca očakávať. Jednou z bežných chýb je uvoľnenie objektu z pamäte viac ako raz. Ďalším je zabúdanie na vyhradenie pamäte a inicializáciu objektu predtým, ako sa ho pokúsite pridať alebo priradiť. S každou aplikáciou bude vašich chýb stále menej.

Skontrolujte využitie pamäte. IPhone má veľmi obmedzené množstvo pamäte. Zakaždým, keď priradíte objektu nejakú pamäť, musíte ho uvoľniť, keď s ním skončíte, a vrátiť pamäť. Instruments je nástroj iPhone SDK, ktorý okrem iného umožňuje prezerať a analyzovať využitie pamäte.

• Keď je zariadenie a ladenie vybraté ako predtým, zvoľte Spustiť → Spustiť pomocou Nástroja na zvýšenie výkonu → Úniky. Tým sa spustia nástroje a spustí sa aplikácia vo vašom zariadení. Pokračujte a používajte aplikáciu ako obvykle. Zdá sa, že periodicky mrzne, pretože nástroje zaznamenávajú a analyzujú využitie pamäte. Akékoľvek úniky budú mať za následok červený hrot na časovej osi únikov. V spodnej polovici obrazovky sa zobrazí zdroj únikov.
• Dvojitým kliknutím na uniknuté objekty sa pokúsite prejsť na zodpovedný kód alebo kliknutím na malú šípku v stĺpci s adresou zobrazíte históriu únikov. Niekedy, keď je zistená netesnosť, nemusí nutne znamenať miesto, odkiaľ pochádza.
• Ak vás to skutočne omámi, skúste to odstrániť. Okomentujte to a/alebo opatrne vynechajte oblasti svojho kódu a spustite ho. Niekedy môžete zúžiť všeobecnú oblasť a potom sa vrátiť domov na zodpovednej linke. Keď viete, kde sa nachádza, môžete ho opraviť alebo prepísať. Nezabudnite, že používanie služby Google vám často môže poskytnúť najrýchlejšie priame odkazy na interné fóra spoločnosti Apple alebo dokumentáciu, ktorá sa zaoberá vašim problémom.

Distribuujte svoju aplikáciu, aby ju mohli testovať ostatní. Aj keď je testovanie vašej aplikácie v simulovanom nastavení dobrým spôsobom, ako zaistiť, aby aplikácia fungovala a aby rozhranie vyzeralo dobre, nič sa nevyrovná testovaniu od iných používateľov ako od vás. Pred odoslaním na externé testovanie sa uistite, že ste odstránili najnebezpečnejšie chyby. Aby ste mohli distribuovať svoju aplikáciu vašim testerom, budete musieť vytvoriť certifikát Ad-Hoc na webe iOS Dev Center.

• Externé testery môžu poskytnúť veľa spätnej väzby, ktorú by ste nečakali. To môže byť obzvlášť užitočné, ak máte zložitú aplikáciu.
• Na autorizáciu zariadení testera budete potrebovať číslo UDID každého zariadenia.
• V rozbaľovacom zozname vyberte Zariadenie a kliknite na ikonu „Zostaviť“. V aplikácii Finder prejdite do priečinka svojho projektu a vyhľadajte priečinok „Ad-Hoc-iphoneos“. Vnútri bude aplikácia. Skopírujte svoj certifikát „AdHoc.mobileprovision“, ktorý ste získali z vývojárskeho centra iOS, do rovnakého priečinka. Vyberte aplikáciu a certifikát a skomprimujte ich. Tento archív môžete dať svojmu externému testeru. Pre každý certifikát Ad-Hoc budete musieť vytvoriť samostatný archív.

Vytvorte svoju distribučnú zostavu. V rozbaľovacej ponuke vyberte položku Zariadenie a uvoľniť. Stlačte ikonu „Zostaviť“. V aplikácii Finder prejdite do priečinka zostavenia projektu a vyhľadajte priečinok „Release-iphoneos“. Vnútri bude aplikácia. Komprimujte ho do archívu.

• Aby nové aplikácie prešli certifikáciou Apple, budú musieť byť optimalizované pre iOS 8 a displej Retina.

Otvorte hlavný panel pripojenia iTunes. Prístup k tomu získate z Centra pre vývojárov iOS. Ak máte ešte nedokončené kroky na nastavenie, budú uvedené v hornej časti stránky. Uistite sa, že sú všetky vaše bankové a daňové informácie zadané správne.

Zadajte všetky informácie o svojej aplikácii. Kliknite na „Spravovať aplikácie“ a potom vyberte „Pridať novú aplikáciu“. Vyplňte názov aplikácie, číslo SKU a vyberte ID balíka. V rozbaľovacej ponuke vyberte balík svojej aplikácie.

• Vyplňte formuláre poskytujúce popis vašej aplikácie, kľúčové slová, web podpory, kategóriu, kontaktný e -mail, autorské práva atď.
• Vyplňte formuláre Práva a Ceny.
• Pripravte si svoje kresby iTunes. Budete potrebovať veľkú vektorovú ikonu 512 x 512 a niekoľko snímok obrazovky vašej aplikácie. Snímky obrazovky je možné zachytiť zo simulátora iPhone pomocou klávesov Command + Shift + 4 a potiahnutím krížikov cez oblasť. Uistite sa, že sú pre iPhone 320x480. Snímky obrazovky sú veľmi dôležitou súčasťou marketingu vašej aplikácie, preto sa uistite, že zobrazujú najdôležitejšie časti.

Nahrajte svoju aplikáciu. Kliknite na „Pripravené na binárne nahrávanie“ a dostanete sa na obrazovku, ktorá vás presmeruje na stiahnutie nástroja na nahrávanie aplikácií. Stiahnite si ho a stlačte Hotovo.

• Nainštalujte nástroj na nahrávanie aplikácií a spustite ho. Pri prvom spustení programu sa zobrazí výzva na zadanie prihlasovacích údajov do iTunes.
• Nástroj na nahrávanie aplikácií skontroluje váš účet iTunes Connect a nájde všetky aplikácie, pre ktoré ste pripravení nahrať binárne súbory. Zobrazia sa v rozbaľovacej ponuke. Vyberte požadovaný, zvoľte distribučný zip, ktorý ste vytvorili predtým, a nahrajte ho. Nahrávač skontroluje niektoré interné položky v rámci balíka a vráti chybu, ak zistí niečo nesprávne, ako napríklad nesprávne číslo verzie, chýbajúcu ikonu atď. Ak je všetko v poriadku, nahrá súbor zip a dokončí sa.

Počkajte na recenziu. Teraz nemôžete robiť nič, iba čakať na proces kontroly. Spoločnosť Apple vás o niekoľko dní alebo týždňov upozorní e -mailom, ak sa stav vašej aplikácie zmení na „Prebieha kontrola“. Keď ide o kontrolu, proces je veľmi rýchly. Ak neuspeje počiatočné množstvo testov, dostanete e -mail so zamietnutím, v ktorom uvediete dôvod, a spoločnosť Apple ponúkne návrhy na nápravu. Ak vaša aplikácia prejde kontrolou, spoločnosť Apple vám pošle e -mail s oznámením, že je pripravená na predaj. Vaša aplikácia sa teraz zobrazí v obchode s aplikáciami iTunes

Propagujte svoju aplikáciu. Teraz, keď je vaša úplne nová aplikácia k dispozícii na kúpu, je načase začať ju šíriť. Využívajte sociálne médiá, rozosielajte tlačové správy na weby zamerané na aplikácie, vytvárajte videá na YouTube a urobte všetko pre to, aby ľudia o vašej aplikácii hovorili.

• Kópie môžete bezplatne poslať recenzentom, ktorí potom napíšu o vašej aplikácii na ich webovú stránku alebo ju skontrolujú na svojom kanáli YouTube. Ak sa vám to podarí dostať do rúk obľúbených recenzentov, môže to viesť k veľkému predaju.