internet pencereler Android
Genişletmek

İPhone için ilk başvurunuzu oluşturun. Bir iOS uygulaması nasıl oluşturulur ve AppStore Up Up UpStore: Teknikler, Talimatlar, İpuçları

Küre bilgisayar Teknolojisi Şimdi hızla gelişiyor. Tüm durumu koymak için, şimdi saatin etrafında çalışmak gerekli değildir - gelecek kadar İlginç bir fikir, Geliştirici komutunu toplayın, bir iOS uygulaması oluşturun ve App Store'da bırakın.

İOS için başvuru oluşturma ve yayınlama beklentileri

Genç geliştiriciler ne umutlarını davranmadıkça, başvuru pazarında biraz keyifli. Çeşitli projelerden, çoğu popüler değildir. Bir nadir görülen bir Amerikan şirketi EPP Promo bir pazarlama çalışması yürüttü ve bu sonuçları aldı: Uygulama yaratıcılarının çoğunluğu, oyunların% 60'ının hiç para getirmediğini ve% 82'si kendilerini besleyemediklerini söyledi. Sonuç olarak, başka bir yerde çalışmak zorundalar.

Elma şirketi oyun alanlarını bildirir - iyi bir yer Böyle bir tür kazanç için, ancak durumun gerçeğinde farklıdır. Para kazanmak için (iyi ya da en azından eksi girmeyin), ilk 100 veya ilk 200'e girmeniz gerekir. Diğer geliştiriciler, bu fenomeni, teklif ettiğiniz ürünü bulmak için insanların çok az tembel olacağı gerçeğiyle açıklar. Yukarıdakileri korkutmadıysanız ve hala başvurunuzu oluşturmak istiyorsanız - daha ileri git.

Bir iOS uygulaması nasıl oluşturulur ve App Store'da bırakın

Uygulamayı almak ve üzerinde kazanmaya başlamak için ne yapılması gerektiğini anlayalım.

Xcode Geliştirme Ortamı Nasıl Kurulur?

Xcode'da bir uygulama oluşturun

  1. Yeni bir proje nasıl oluşturulur. Uygulamayı açın. Sonra, "Dosya" menüsünü seçin ve "Oluştur" yeni dosya." Penceredeki soldaki "iOS" altındaki uygulamaya (uygulamaya) tıklayın. Şablon bölümüne gidin. Boş uygulamaya tıklayın (boş uygulama).

    Program arayüzünde "Tek Yeni Uygulamayı" seçin

    2. Bir storyboard oluşturma. Storyboard, programınızdaki uygulama ekranlarını görüntülemekten sorumludur. StorotorBoardlar Her ayrı pencerede ne olduğunu ve etkileşimlerini gösterir. Bu şey, oyununuzun iyi çalışmasını mümkün kılar. Daha sonra aşağıdakileri yapıyoruz: dosyayı seçin, sonra yeni, sonra dosyayı seçin. Sonra, "Kullanıcı Arabirimi" nde tıklayınız. Film paneline tıklayın, "İleri" seçeneğini seçin. Cihaz menüsünde, programınızın amaçlandığı cihazı seçin. Benim davamda - ben telefon. Ana nesneyi diyoruz.

    Storyboard'da cihazı seçin

    3. Projenize bir storyboard atarız. Şimdi programımızın ana arayüzü olarak bir storyboard atıyoruz. Her şeyi doğru yaparsanız, programımızı başlattığımızda, storyboard hemen hazır olacak. Burada, nasıl hareket edersiniz: Sol sekmesindeki dosyanızın adını seçin, Hedefler'i tıklatın ve projenizi bu başlıktan seçin. "Generaller" menüsüne gidin ve "Dağıtım bilgileri" seçeneğini seçin. Ana arayüzde, Main.Storyboard'a girip bir sonraki adıma geçin.

    "Main.Storyboard" e giriyoruz

    4. İlk ekranı ekleyin. Bunun için bir tür denetleyiciye ihtiyacımız var. Onların yardımı ile, uygulamanın yaklaşık görüşünü oluşturabileceğiz. Başlangıçta, görüntüleme kontrol cihazlarını keşfedebilir ve birkaç hazır ayardan seçebilirsiniz. Birdenbire bu işte bir su ısıtıcısı olursanız, mevcut olanlardan seçim yapmak daha iyidir. Bu yüzden, başvurunun normal bir kullanıcının elinde nasıl görüneceğini göreceğiz. "Şebeke Storyboards" i seçin. Nesne kütüphanesini buluruz. Sağ kısmın alt kısmında, bu en fazla nesne kütüphanesini seçebilirsiniz. Sağda, tuval olarak adlandırılan görünen pencereyi göreceksiniz. Orada "Görünümler Denetleyiciyi" sürükleyin. Bir kullanıcı uygulamayı başlattığında, önyükleme penceresini görür. Tebrikler!

    Görünüm Denetleyici panelinde ilk ekranı ekleyin.

    5. Ekranımıza nesne ekleyin. Tip denetleyicisini seçtikten sonra, uygulamanıza nesne ekleyebilirsiniz. Tüm aynı nesne kütüphanesinde bulunabilirler. Bu kütüphane türü denetleyicisinde bulunabilir.

    Ardından ekran arabirim nesnelerimize ekleyin

    6. Eklenen nesneleri değiştirin. Üzerinden basit araçlar Güzellik ve bireysellik uygulamasını vermenize izin verecek arabirimi değiştirme yeteneğine sahipsiniz. Ek olarak, kullanıcının oyunu anlamasına yardımcı olması için metin ipucu ekleyebilirsiniz. Ayrıca, nesnelerin boyutunu, metnin yazı tipini de değiştirebilirsiniz.

    Bireysel bir arayüz oluşturun ve nesnelerin özelliklerini değiştirin

    7. Ek ekran ekleme. Başvurunuz bir ekrandan oluşamıyor - basitçe anlamsız. Bu nedenle, kendiniz oluşturmanız gerekecektir. Bu son derece basit yapılır - ekranın boş kısmındaki görünüm denetleyicisi.

    Görünüm denetleyicisini tuvalin boş kısmına sürükleyerek

    8. "Navigasyon Kontrol Cihazı" etkinleştirin. Bu özelliği birkaç pencere arasında hareket etmek için kullanacağız. Navigasyon denetleyicisi kullanılarak elde edildi. Programın tepesinde gezinti çubuğu eklenir. Unutmayın, navigasyon kontrol cihazı, pencerelerin geri kalanında hareket etmeyi izlemek için ilk ekrana kesinlikle eklenir. Bunu yapmak için, önyükleme ekranını seçin. Editör'e tıklayın, ardından gömün üzerine, ardından navigasyon denetleyicisine dürtün. Yaptıktan sonra, navigasyon paneli görünür.

    Talimatları Gezinme Panelini Ayarlayın

    9. Navigasyon kontrolörü işlevselliği ekleyin. Navigasyon menüsü oluşturulduğunda, ona araç eklemeniz gerekir. Bu özellik ile kullanıcı bir yerden diğerine uygulama tarafından "hareket ettirilecektir". Standart işlevsellik ekledik. Bir başlık ekleyin (bunun için navigasyon öğesi öğesini açmanız gerekir ve ardından denetçiyi öznit eder, ardından başlığı girin), Navigasyon düğmesini girin ve özellik düğmelerini girin.

    Panel üzerinde işlevsel ekleme

    10. Ekranı düğmeyle ilişkilendiririz. Düğmeleri bağlamak için CTRL tuşuna basın ve ardından bir sonraki ekranınıza sürükleyin. Yakında Eylem Segue Öğesi ile çıkacak mevcut seçenekler. Windows'ta hareket etmek için "itin" seçeneğini seçin.

    Ekranlı Bağlama Düğmeleri

    11. Aşağıdaki adımlarla, çok ilkel işlevsellik ve arayüze sahip bir program oluşturabilirsiniz. Hala veri işleme yeteneği ile gerçekten ilginç bir uygulama oluşturmak istiyorsanız - Objektif C.

    Programlama dilini öğrenmeye başlama zamanı

Oluşturulan uygulamayı nasıl test edilir


Nasıl yayınlanır


Olası sorunlar ve onları çözmenin yolları

Doğrulama sürecinde, uygulamanız ilk testleri geçmeyeceği gerçeğinden dolayı kaçırmayabilir. Bu durumda, Apple size programın çalışmasıyla ilgili sorunlara olası çözümler gönderecektir. Onları dinleyin ve tekrar kontrol etmek için bir uygulama gönderin.

Satışları takip etmeyi unutmayın. Bunu iTunes Connect Mobile'ı kullanarak yapabilirsiniz. Apple, size satış analitikleriyle size bildirim gönderecek, ancak gereksiz olmayacak. Size ve büyük satışlar için başarılar!

Peki, iPhone'umuz için ilk programınızı bize yazmanın zamanı geldi. Henüz kendinizi oluşturmadıysanız, Xcode + iPhone SDK - o zaman sen. Ve böylece, Xcode bize mal oldu ve kurun, başlayalım mı?

Başlamak için, ne kadar basit öğrenin. İsmimize yazacağımız bir metin alanı olacağı bir program oluşturun. İlk programımız şöyle görünecek:

İlk projemizi oluşturun ve son projeyi değil:

Sonra ne tür bir uygulamayı oluşturacağını soracağız. Panelde solda iPhone OS -\u003e Uygulama Ve merkezi pencerede, projenin türünü seçin Görünüm tabanlı uygulama. İlk programımızı arayalım, diyelim ki İlköğretim

Sonuç olarak, önceden oluşturulmuş bir denetleyiciye sahip bir proje oluştururuz (programımızın ilk penceresi)

Projenin ana penceresi şöyle görünüyor:

XCODE ABD için oluşturulan ilk denetleyici, bunlar FirstAppViewController.h ve FirstAppViewController.m adlı iki dosya.

FirstAppViewController.h dosya bir başlık olarak işlev görür (oradan ve dosyanın Kelime başlığından uzatılması), ana FirstAppViewController.m dosyasında kullanacağımız değişkenleri ve yöntemleri açıklayacağız.

Ve böylece, FirstAppViewController.h dosyasını açın ve iki işaretçi oluşturun:

İboutlet uilabel * kullanıcı adı;

İlk kullanıcı adı değişkeni, adımızı kaydedeceğimiz bir metin etiketidir. Nikfield, ismimizi okuyacağımız bir metin alanıdır.

Blokta gerekli olduğunu yaz @Interface FirstAppViewController: UIViewController ()

Ayrıca, kendinizi tanıtmak için düğmeye tıkladığınızda arayacak bir yöntem oluşturacağız. Setnik yöntemini arayalım:

- (IBACTION) SETNIK;

Sonuç olarak, FirstAppViewController.h dosyamız şöyle görünmelidir:

#İthalat. @Interface FirstAppViewController: UIViewController ( İboutlet uilabel * kullanıcı adı; Iboutlet Uitextfield * Nikfield; ) - (IbAction) setnik; @son.

Şimdi, firstappviewcontroller.m dosyasına gidelim.

Setnik yöntemimizi buraya ekleyin. Bir çizgiden sonra yazmanız gerekir @IMPlementation FirstAppViewController.

- (IbAction) Setnik ( username.Text \u003d nikfield.Text; }

Burada, bu yöntemi yaparken, Nikfield alanından metin, kullanıcı adı ders kitabında kaydedileceğini belirtiyoruz.

Ayrıca onları kullandıktan sonra bu işaretçilerden hafızayı boşaltmamız gerekiyor. Bu, denilen yöntemde yapılır. dealoc.

- (boş) Dealloc (;;;)

Sadece bu formatta kullanılan tüm işaretçileri ekleyin:;

Şimdi, FirstAppViewController.xib arabirim dosyasını açın, Arabirim Oluşturucu Arabirim Düzenleyicisi'nde başlar.


Bileşenlerin kütüphanesinden, ihtiyacınız olan bileşenleri programımızın penceresine sürükleyin ve uygun olarak ayarlayın. Daha fazla küçük bir pencerede, dosyanın sahibini seçin ve bizi bağlantı denetçisi menüsüne aktaran + 2'ye basın. Önceden reçete edildiğimiz ve onların sağ tarafında Boş Mirrox'teki işaretçilerimizin listesini görüyoruz. Nikfield işaretçisinin yakınındaki boş bir daire üzerinde kil ve drenajı metin alanına bırakmayın. Bir fare işaretçisini ağa toplamladığımızda, bir dikdörtgenle yakılır ve bırakılır. Böylece, bu alanı Nikfield işaretçisine bağladık. Şimdi, kullanıcı adı işaretçisiyle aynı şeyi yapacağız ve takma adımızı görmek istediğimiz metnin üzerine çeker (resmimde% kullanıcı adı%). Aşağıda bile, Setnik yöntemimizi görüyoruz ve butonumuzla ilişkilendiriyoruz. Ancak düğmeye ve serbest bırakıldığında, düşecek bağlam menüsü Hangisinden içeri girin. Bu, düğmeyi tıklatıp bıraktığımızda bu yöntemin çalışacağı anlamına gelir. İhtiyacımız olan şey :)

Peki, kaydettik, XCODE'ye geri dönün ve Oluştur ve Çalıştır'ı tıklatın. URAAA, ilk programımız başladı :) Metin kutusunu tıklatın, klavye görünür, adı yazın. Ancak programımız hala küçük bir vuruştan yoksundur. Adımıza girmeyi tamamladığımızda, Bitti düğmesine basarak klavyeyi emekli olmak.

Bunu yapmak için, arayüz yapıcısını tekrar açacaksınız, butonumuza tıklayın. Command + 1'i tıklayın ve orada metin giriş özelliklerini bulun. Birkaç açılır listeye sahiptir, ancak biz sadece en düşük: iade tuşuyla ilgileniyoruz. Bitti listesinden seçin ve bloğun alt kısmında Otomatik etkinleştirme dönüş tuşuna yakın bir kene koyun. Komuta + 2 Bağlantılar denetçisinde devam edin ve oradaki kelimeyi görün. tEMSİLCİ.. Yakınındaki dairelere tıklayın ve dosyanın sahibi bloğunu çekin

Şimdi Setnik yöntemimizden sonra FirstAppViewController.m dosyamıza geri dönüyoruz.

- (BOOL) TextFieldShouldRreturn: (Uitextfield *) TheTextField ( ; Dönüş evet; )

Kaydetmek ve çalışmaya çalışırız (komut + r komutunu kullanabilirsiniz) Adamızı metin kutusuna yazmaya çalışıyoruz. Yazarken, yapılan düğmenin hangi klavyenin kapandığını tıklayarak görünür. Şimdi butonumuza tıklayın ve VUA, bizimle olan program selamlıyoruz :)

Küçük şeyler gibi görünüyor, böyle bir küçük olanı yazdıklarını düşünüyor. Ve ben, yıllar önce, Delphi'yi öğrettiğinde, böyle bir örneği öğrendikten sonra, ekranda yazıldığı bir şeye tıklayarak farklı oyuncaklar yaptılar. En ilk tarayıcı oyunlarından birini kavga kulübünden birini hatırlıyor musun? Bu yüzden kendim için kendimi yaptım. Benzer bir şey ve her şey seninle yaptığımız gibi bu prensibe dayanıyordu. Öyleyse oyna, deney!

Burada hala proje arşivi için bir bağlantınız var, indirebilir, birinin işe yaramadığını görebilirsiniz. Sorularınız varsa, yorumlarınızı yazın.

Böylece de düşünceye geldin: " Ve iPhone için program yazmayı nasıl öğrenmeliyim?«, « Mobil uygulamamı nasıl yaparım?«, « Hiçbir şey yapmadan milyonlar nasıl kazanılır?". Bu soruları cevaplamak için adım adım atmaya çalışacağım (sonuncusu hariç).

En başından bilmeniz gerekenler

İçin programlar oluşturmak için iOS. Resmen, bir bilgisayara ihtiyacın var elma (iMacveya Macbook.). Ama dürüstçe konuşursanız, ihtiyacınız var işletim sistemi OS X., pek çok ilk Chitryat'ta ve kullanmayı başardı Hakintosh (Hackintosh.), yani, OS X'i başlatın. sıradan bilgisayarlar - Bu, ayarlar açısından ekonomik bir seçenek, yasadışı ve oldukça zahmetlidir. Size tavsiye ederim, çünkü bir iOS geliştiricisi olmaya karar verdiğinizden, basit bir Macbook veya Mac Mini., Hatta kullanılması bile mümkündür (herhangi biri 2010'dan beri yayınlandı).

Sonra - Ne yazmalı. İçin başvurular iOS. Programlama dillerinde yazar Swift veya Objektif-c.ve programda tüm büyülü eylemler olur Xcode. (Bedava). Swift "Bu, Apple'ın tam anlamıyla son zamanlarda hayal ettiği çok yeni bir dildir (2014'ün ortasında) ve şimdi aktif olarak yalnızca bunun içindeki programın, geleceğin arkasında, daha modern ve hızlı olduğu fikrini aktif olarak getirir. Ve haklılar, öğren Swift. Objektif-c.uzun zamandır dilin karşısında, bu nedenle, üzerinde mevcut gelişmeler ve kitapların gücünü ve zenginliğini iptal etmediğini anlamak çok daha karmaşıktır (şu anda swift hakkında söyleyemezsiniz). Yine de tekrar ediyorum, öğreniyorum Swift.

Platformlu uygulamalar yapmak istiyorsanız (IOS ve Android altında aynı anda) - Öğrenin C # ve geliştirme ortamını kullanın Xamarin. (Ücretli). Çapraz platform oyunları yapmak istiyorum - Geliştirme ortamını sallayın Unity3d. (Koşullu olarak ücretsiz), yukarıda belirtilen yukarıda belirtilenleri öğrenin C #.

Ayrıca, uygulamalarınızı iPhone / iPad (gelişim aşamasında bile) çalıştırmak ve ardından AppStore'da bırakın, statü satın almanız gerekir. Apple Geliştirici.yılda 100 dolara. Bunu satın aldıktan sonra bir kez daha bu parayı yenmek için motive ediyor 🙂

Bu soruyu merak ettiğimde, objektif-C (hatırlat, hızlı değildi) için iyi bir yağ "İncil" almak için gerekli olduğunu düşündüm ve baş için programlama dil bölümünün gizli bilgisini kavradığını düşündüm. Hepsi Stephen Kochan'ın kitabını önerdi " Objektif-C'de Programlama«. YANLIŞ!Hatamı tekrar etmeyin. Evet, dilin temelleri kavradı, kitap iyidir, ancak bu bir referans kitabıdır ve uygulamaların sıfırdan gerçek gelişiminden uzaktır. Programın nasıl programlanacağını öğrenmek için, ilk önce yazmaya çalışarak, oldukça basit, ancak Çalışma Uygulamalar. Örneklerle derslere ihtiyacınız var. Basitten karmaşık. Gerçek bir hedefe, yazmak istediğiniz ilk uygulamayı, AppStore'a bırakmak istediğiniz ilk uygulamayı belirlemek hala önemlidir. Her ders veya kitap size projenizde başvurabileceğiniz bilgiyi vermelidir. Sadece okuyan, okuyan, okuyan, okuyan, bu işin başlangıcının anını erteleyen "Ebedi Öğrenci" nin bir hata yapmayın. Örneğin, kendime bir uygulama-radyo yapmak ve bir ay boyunca AppStore'da bırakma ve onu yaptım.

İngilizceyi biliyorsanız, sizi biraz şanslı düşünün, şimdi size tüm bilgiyi nerede çizeceğinizi söyleyeceğim. Rusça, maalesef, bilgiler çok az ve sık sık gecikti (ve İngilizce'den çevrildi).

İOS çırağı.

En İyi İngilizce Konuşan Eğitim Sitesi - Raywenderlich.com.. Üç nedenden ötürü Mega-Cool: 1) Mevcut başarılı uygulamaları (Swift dahil), her şey zihinsel olarak ve mizah ile yazılmaya çalışmadan önce Azak'tan ücretsiz dersleri okuyabilirsiniz; 2) Video dersleri var (gerçek, ücretli); 3) En önemli neden "Size sıfırdan sıyrılmayı öğretecek yeni başlayanlar için kitapları var, çok akıllıca, resimlerle (sevdiğim gibi). Kitaplar ödenir (sadece ilk bölümden özgürler), ama onlar buna değer. Onları hepsini aldık ve uzun zamandır tuğla arkasında iyi bir temel tuğlalar inşa ettikleri için uzun zamandır ödedi. Aynı sitedeki farklı dersleri okumakla karşılaştırmak değildir. IOS-Çırak Kitabının satın alınmasıyla başlayın (ilk kısmı ücretsiz olarak indirilebilecek). Size ilk başvuruları hızlı bir şekilde yaratmayı öğretecek. Ayrıca oyunların gelişimi üzerine kitapları var. Spritekit.(Oyun geliştirme için Apple Framework).

İkinci Yardımcı Kaynak - AppCoda.. Raywenderlich'den daha kolaydır, ancak özü aynıdır - Swift'deki dersleri okuyun, örneklerden öğrenin. Ayrıca serbest dersler hariç kendi kitapları (ücretli) var.

Peki ya İngilizce - UPS'yi bilmiyorsanız, bu tür Rus internet kaynakları basitçe değil. Rusça kitaplar? Tabii ki, Ozon'da bazı kitaplar bulacaksınız, ama hepsi eskidir ve size hızlı bir dil öğretmeyecek (şu anda her şey sadece objektif-c).

Size sunabileceğim en iyisi, Habré'de "IOS-IOS-GELİŞMİŞ" olduğunu, sürekli yeni makaleler var, ancak çok kakamik olarak ortaya çıkıyor.

Bir cevap bulur, bir şey çalışmıyor

Programlama sırasında, sürekli herhangi bir sorunuz olacaktır: Bir şey yapmayı bilmiyorsunuz ya da bir şey yapacaksınız, ancak cevap olarak, program bir hata bildirir. İki sitede cevapları (veya bir soru sor) bulabilirsiniz:

Stackoverflow. - En büyük Hazır Cevapların En Büyük Depeti. Cevapların% 80'i orada buldum.

Google - Bentally, sadece arama sorusunu girmek için bir cevap bulabilirsiniz. Hemen çalışmazsa, sorunun ifadesine gidin.

Tost makinası - Analog stackoverflow, ama Rusça. Burada cevap bulmak hala zor, çünkü soruların üssü çok büyük değil. Fakat sorabilirsiniz - Kaynakta cevap verilecek kadar profesyoneller var.

Peki ya da bana sorabilirsin. Ücretsiz iken

Birçok acemi geliştiricisi veya programlama ile ilgilenen insanlar, hızlı ve hızlı bir şekilde bir iOS uygulamasının nasıl kolayca oluşturulacağını bilmiyor.

Tüm adım adım sürecini analiz edeceğiz, böylece herkes bu materyali okuyabilir ve geliştirmeyi bağımsız olarak gerçekleştirebilir.

Adım bir. Bir fikir ve isim ile gel

Tabii ki, en başından beri, popülerlerin tadını çıkarabilecek iyi bir fikirle gelmek gerekir. Uygulama basit, işlevsel olmalı ve böyle kullanıcılar. İşte harika bir fikir bulmanıza yardımcı olacak bazı ipuçları ve onu hayata geçirin:

1 Appstore'a gidin ve orada sunulan programları görün. Belki aklınıza geleceksiniz.

2 ayrıca uygulamalarınızın listesine bakın (kurulan). Bunların hepsi senin gibi değil, bazılarına bir tür işlev eklemek istiyorum. Bu, yaratılışınız için fikir olacak!

3 Aynı amaçla arkadaşlarınızın uygulamalarına bakın.

Önemli! Fikrin üzerindeki düşüncenin sonunda, hangi işlevin başvurunuz tarafından gerçekleştirileceğini açık bir şekilde anlamanız gerekir.

Ad için olduğu gibi, aynı zamanda çok ciddi bir soruya da değer. Başlamak için, en çok ve isimlerine bakın. Bu amaç için Apple.com/en/itunes/ adresine gidin. Ücretsiz ve ücretli bölümünü kontrol ettiğinizden emin olun.

Uzmanlar, adın nasıl olması gerektiği konusunda birkaç ipucu tahsis eder. ve daha spesifik olarak:

  • yaklaşık 10 karakterin uzunluğu (daha fazlası değil, daha az mümkündür, ancak yine de değil);
  • tercihen İngilizce (arayüzde, bu arada, tüketici kitlesini genişletmek gerekir);
  • başlıktaki iki kelime;
  • bir kelime, amacı tamamen yansıtmalıdır;
  • İkinci kelime, ilkin bir açıklaması olmalıdır.

Dördüncü adım. Konsept geliştirme

İlk adımda, gelecekteki uygulamanın fikrini ve adını zaten kabul ettiniz. Şimdi doğrudan gelişime geçmenize izin verecekleri yapmaya değer. Kavram hakkında konuşuyoruz. Şöyle konsept aşağıdaki gibidir:

  • Hedef seyirci kitlesi. Kullanıcınız kim olacağını düşündüğünüzden emin olun. Modern gadget'lara sahip genç, amaçlı ve tanıdık olabilir. Genç adam. Öte yandan, teknolojiden uzak olan yaşlı bir kullanıcı olabilir. Kavramın kalan iki bileşeni buna bağlı olacaktır.

  • Fonksiyonel. Uygulamanın yürütüleceği tüm işlevleri açıkça listeleyin.
  • Tasarım. Bir kağıt parçası olsa bile, sonra uygulama nasıl görünecektir. Ayrıca, başlangıç \u200b\u200bekranı neyin temsil edeceğini açıkça anlamalısınız, hangi düğmeler üzerinde olacak ve ek sayfalarda ne olacak. Ek olarak, fonksiyonlar listesine göre düğmeler ekleyin. Ayrıca tüm düğmelerin tasarımını da geliştirin.

Tüm çizimlere sahip olduğunuzda, kodlamaya devam edebilirsiniz!

Beşinci adım. Kodlama

Şimdi Xcode'u açın ve gerçekleştirin iOS'da yazılım oluşturmanın aşağıdaki aşamaları:

1 Başlat ekranında, sol menüde, tuşuna basın. "Uygulama" (Bu bölümü açın) ve seçin "Boş uygulama". Tıklayın "Sonraki". Verilerinizi girin ve geliştirici tanımlayıcısı alanında (Apple verilir) belirtin "Misal"ve sınıf önek alanında, belirtin "XYZ".

2 daha ileri seçin "Dosya" ve aşağı açılır listede "YENİ". Başka bir tıklama "Kullanıcı arayüzü", "Storyboard" ve düğme "Sonraki". Cihaz menüsünde, Ad alanına girin ve girin. "Ana". Bu dosyayı ana proje olarak aynı klasöre kaydedin. Bundan sonra, Main.StoreBoard dosyası proje ağacında (solda) görünecektir. Bu, programınızın tüm ekranlarının görsel sunumunu zaten anlayabildiğiniz gibi. Gelecekte, düzenleyeceksiniz.

3 Şimdi bunu yapmanız gerekir, böylece uygulamaya başladığınızda, storyboard'da oluşturduğunuz ekrandı. Bunu yapmak için, klasör ağacında, projenizi sırayla seçeceksiniz. "Hedefler", "GENEL", "Dağıtım bilgisi". Sonra yazıtın yakınında Ana arayüz alıyorsun "Ana"Şekil 8'deki gibi, - bu şekilde ekranımızı önceki aşamada aradık.

İncir. 9. Storyboard'da Ana Oluşturulan Ekran Atama

4 Şimdi, aslında, başladığında ilk açılan en önemli ekranı oluşturmanız gerekir. Bunu soldaki ağaçta yapmak için bir kez "Storyboard" üzerine tıklayın. Temel pencere açılacak boş pencere. Sağ altta, bir küp formundaki simgeye basın, bu ekranda girilebilecek nesnelerin bir kütüphanesidir. Şimdi sağda bul Denetleyiciyi Görüntüle Ve boş bir alanda bir fare imleci ile sürükleyin. Dikdörtgen bir görünüm belirir. Aslında, tüm öğeler orada eklenebilir.

5 Artık kütüphaneden başka nesneler ekleyebilirsiniz.. Metin alanları, giriş alanları ve diğer öğeler olabilir. Bunları iki kez basarsanız, özelliklerini ve özelliklerini değiştirmek mümkün olacaktır. Aslında, aynı şekilde, tıklamaya tepki için bazı kodlar yazabilirsiniz. Ancak, objektif-C'de video derslerini izlerseniz, ihtiyacınız olan öğeleri ve bunları nasıl ekleyeceğinizi mükemmel şekilde biliyorsunuzdur.

6 Başka bir ekran eklemeniz gerekirse, daha önce olduğu gibi yapın - Boş bir yere getirin Denetleyiciyi Görüntüle. Ardından, üzerinde çeşitli nesneleri de taşıyabilirsiniz.

7 şimdi kullanıcıyı yapmanız gerekir kaydırma kullanarak bu ekranlar arasında hareket edebilir veya uygun bağlantıya tıklayarak. Bunun için denilen bir nesne var. "Gezinme Denetleyicisi". Ana ekranınıza getirin. Sonraki Tıklayın "EDİTÖR", sonra "Embed in" ve yukarıda belirtilen nesnede. Ana ekranın üstünde gri bir panel görünecektir. Bu, sözde navigasyon panelinin eklendiği anlamına gelir.

8 Ekranlarda yer değiştirme düğmesini eklemek için bir nesne var "Çubuk düğmesi". Bu daha kolay söylerseniz bir düğmedir. Gezinme bölmesine hareket ettirin ve uygun özellikleri ayarlayın.

Aynı şekilde, istenen özellikleri belirtin, diğer nesneler ekleyin. Kodlama uygulamasını nasıl yapacağınızı derinleştirmek için, bu çok kapsamlı bir konu olduğu için yapmayacağız. Özellikle kendinizi yukarıdaki malzemeyle tanıysanız, bunu bileceksiniz. gerekli bilgi. Ancak, kodlamanın yukarıdaki aşamaları, daha fazla gelişmelerin başlangıcıdır.

Hepsi etrafa baktığım gerçeğiyle başladı ve rüyamın arabasını görmeden, kendimi kendim kurmaya karar verdim.
Ferdinand Porsche

Merhaba, Hubr. Nasıl yaratacağımı söylemek istiyorum İlk iOS. Uygulama ve ne oldu.

Fikir

Uygulama için fikri kendi başına ortaya çıktı: kendini kullanmaktan mutlu olabilecek bir şey yarat. Sürekli notlar yazarım. Sonuçta, her çalışan kişi, gün boyunca aldığı ve hatırlamaya değer olduğu gerçeğinin belli bir setine sahiptir. Ve bütün insanlar unuttuklarından (ve bu normal!), Bu değil daha iyi çözümsadece yazmaktan çok. Appstore'da sunulan uygulamalarla çalışırken her zaman rahatsızlık hissettim. Yönetimde aşırı karmaşıklık, gereksiz kategorilerin varlığı, bez daha fazla bilgi için - Bütün bunlar, uygulamanın temel işlevini gerçekleştirmesini önler. Ayrıca, bu şeylerin çoğu sadece çirkin görünüyor.

Bu nedenle, tüm bahisleri basitlik ve rahatlığa koymak, bir kavram yaratmaya başladım. Tek not listesi içeren bir uygulama modeli. Hepsi bir yerde, ne kadar kolay olabilir? Bir şeyin büyük bir değeri veya alaka düzeyine sahipse, üzerinde bir kısayol asmak gerekli değildir, çünkü üst listede daha önemli bir notu hareket ettirmek için yeterlidir. Eski ve gereksiz kayıtlar yavaş yavaş düşer ve daha sonra kullanıcı tarafından silinir.

Fonksiyonel

Konsept icat edildikten sonra, ana işlevselliği yazdım - yönetime odaklanmak istediğim şeyler:

Bu tür uygulamalar için oldukça standart işlevsellik katılın. Ama bu sadece buzdağının tepesinde, şeytan detaylarda yatıyor.

Araçlar

Xcode'da kod yazmadan önce, tamamen yeniden yarattım görünüm Uygulamalar B. vektör editörü Kroki. Bu program için harika hızlı yaratma Yerleşim. Bu uygulama için bir eklenti kütlesi vardır, aralarında kroki önizleme var - Sanatboard'u derhal SKALA önizleme programı aracılığıyla görüntüle. Sadece indirmeniz gerek Ücretsiz programlar Bir bilgisayarda Skala Önizleme ve mobil cihaz ve eklentiyi takın. Bundan sonra, istediğiniz çalışma panosunu seçin, Command + P kombinasyonu tuşuna basın ve bir saniye boyunca, uygulamanın görünümü cihaza yayınlanır.

Ek olarak, uygulama, AppStore'da yayınlamak için ekran görüntüleri oluşturmak için çok uygundur. Her ekran boyutu için, stil kullanımı ile birlikte, biçimlendirme için harcanan süre minimumdur. Ancak yayın hakkında biraz sonra.

Gelişme

Uygulamada, sadece iki kontrol cihazı kullandım - biri doğrudan tüm tüm notlar için, diğeri - ilk başladığınızda küçük bir öğretici görüntülemek için. CoreData Framework ile düzenlediğim veritabanıyla çalışıyor.

Temel bir işlevsellik yarattıktan sonra (Notlar oluşturma, silme, düzenleme), bu işlevlerin her birini geliştirmeye karar verdim.

Katılıyorum, iOS'taki metni düzenleme oldukça rahatsız edicidir. Sözcüğü istenen konuma taşımak için kelimedeki bir hata ataması yapıldığında, bir dokunuş yapmanız gerekir ve parmağınızı ekrandan çıkarmayın, seçilen alana girmeye çalışın. Ek olarak, hatayı düzelttikten sonra, imleci çizginin sonuna geri dönmeniz gerekir. Uygulamamda, imleç hareket mekanizmasını geri dönüştürmeye karar verdim: Kelimede bir değişiklik yapmak için, yalnızca klavye arasındaki bölgede bir kaydırma yapmanız gerekir ve cümle, metin genel bakışla üflenmez.

Animasyon kaldırma ve zirveye hareketi kendimi fark etmeye karar verdim ve gerçek hayata maksimum yaklaşımla ilgili görsel eşlik edin. Bir şey daha yüksek bir öncelik elde etti - kaydırma hakkı ve not en üst listeye geçer. Silmek için - Sola ve HUB animasyonu, sökmeyi tamamlamak için kaydırmayı nasıl genişletmeniz gerektiğini gösterecektir. Kazara giderme ile - sadece cihazı sallamanız gerekir ("sallamak") ve not eski yerlerine geri dönecektir.

Notu vurgulamak için, LongTapowe'u ve uygulamanın üç ana rengini kullandım - ana renk paletini oluşturan beyaz, mavi ve kırmızı.

Gündüz ve gece temaları arasındaki geçiş otomatik hale getirmeye karar verdim - neden gökyüzündeki güneşin konumuna bağlı olarak görünümü değiştirmeyi düşünmedi? Her şey çok basittir - karanlık başlangıcından sonra ve gündoğumdan sonra, konu değişirken, kullanıcının not oluşturmaktan rahatsız olmaları gerekmez, çünkü uygulama her zaman çevre koşullarına otomatik olarak adapte olur.

Neuming

Uygulamanın uygulanması - en çok önemli kısım Gelişirken, bu, kullanıcının mağazada gördüğü şeydir. Habré'de bu konuda var. İsminin seçimine göre, kapsamlı yaklaşmaya karar verdim: 1000 en popüler kelimenin listesinden geçtim. ingilizce dili ve isim için uygun olan her türlü kombinasyonu boşalttı mobil uygulama Notlar için, ayrıca 8-10 karakterle tanışmak istedim. Ancak aynı zamanda Supernotes veya NotePlus vb. Adını seçmek istemedim, yeni bir şey istedim. Kombinasyonu beğendim deli nota.Kentsel sözlüğün üzerine yanlışlıkla tökezledi:
mAD NOT - Mükemmel, eğlenceli, şaşırtıcı, beklenmedik ya da huşu uyandıran

Hemen ortaya çıktı ve slogan: Madnotes - Tutkunuzu not edin. Ana renkler paletine (beyaz, mavi, kırmızı) için hazır olduğum için, hemen uygun bir simge ile gelmeye karar verdim. Bu tür şeyin uygulamaları için logoları olan durum:

Kağıt üzerindeki notu bir kalemle veya tutamayla yazıldığından, bir simge üzerinde göstermeye karar verdim - bir kalem 45 derecelik bir açıyla döndü. Böyle ortaya çıktı:

Sonuç

İlk proje bir tasarımcı olarak tasarlandığından, Ukraynalı Rekabet Ukrayna Tasarım Ödülleri'ndeki başvuruma katılmaya karar verdim: Dijital Tasarım kategorisinde en iyisi. Birkaç hafta rekabetten ayrıldı, bu süre zarfında, hangi zamanlarda, uygulamanın tüm temel işlevlerini görsel olarak gösterdiler ve ayrıca video önizlemelerini kaydetti.
Yarışmanın kazananları son ana kadar açıklanmadığı için, kazananların sergisinde çalışmalarını görmekten inanılmaz derecede güzeldi - jüri, ana konseptini gördü ve aynı zamanda fonksiyonel bir uygulama, not almak için.


Uygulama birkaç aydır Appstore'da, bu süre zarfında altı güncelleme yaptım ve kodu hızlıca yeniden yazdım. İÇİNDE en son sürüm (1.2) ICloud ile senkronizasyon eklendi, bu nedenle notlar zaten buluta taşınmayı başardı.

Teşekkür ederim.
Tutkunuzu not edin.