Mobil

iOS Web Browser yapımı

Günümüzde en çok para kazandıran ve mobil uygulama sektörünün lideri olan iPhone'a nasıl uygulama yazılır?

iOS Web Browser yapımı

iOS
için bir Web browser örneği yaparak görelim. Gerekli olan araçlar; Mac işletim sistemi ve Xcode derleyicisi.


1)
Xcode
'u başlattıktan sonra uygulamayı Singe View Application olarak oluşturuyoruz ve uygulamaya isim veriyoruz.

1328307904_1.jpg

2) Uygulamanın görsel kısmına gelip view üzerine UITextField, UIButton ve UIWebView neslenelerini sürükle bırak yaparak ekliyoruz.

1328307990_ekran-resmi-2012-02-03-22.30.34.png

3) İlgili nesneler eklendikten sonra UITextField kontrolünün özelliklerini değiştirmek için nesneyi seçtikten sonra Tool -> Attributes Inspector yolunu izleyerek açıyoruz. Placeholder bölümüne uygulamanın başlangıcında açılacak web sayfasını yada herhangi bir uyarıyı eklebilirsiniz. Ben buraya http://www.bekirdursun.com.tr yazdım. Aynı bölümde Keyboard bölümünü ise URL olarak değiştiriyoruz.

1328308082_ekran-resmi-2012-02-03-22.33.06.png

4) Devamında Buton'un da ismini değiştiriyoruz. Ben örnek olsun diye "Git" yazdım. Uygulamanın ekran görüntüsünü aşağıdaki gibi belirledik.

1328308107_r13e2rl.png

5) UygulamaAdiViewController.h ve UygulamaAdiViewController.m dosyalarına aşağıdaki kodları giriyoruz.

1328308166_ekran-resmi-2012-02-03-22.41.18.png

( UygulamaAdiViewController.h dosyası )

1328308189_ekran-resmi-2012-02-03-23.36.13.png

( UygulamaAdiViewController.m dosyası )

6) Kodun içinde gördüğünüz gibi bir tane "git" metodu var. Tekrar uygulamanın tasarım bölümüne gelip, View Controller sekmesini seçiyoruz. Sağ taraftaki "adres", "web" ve "git" olaylarını ilgili yerlere yerleştiriyoruz. Örneğin UIWebView için ben "web" dedim, UITextField için "adres" ve UIButton için de "git" dedim. Son olayda yani "git" metodunu ilgili butona bağladıktan sonra karşımıza çıkacak olan mini ekranda Touch Up Inside seçeneğine tıklıyoruz.

1328311067_asd21.png

7) Tüm bu işlemler sonrası uygulamayı iPhone Simulator'de çalıştırıp görebilirsiniz. İşte ekran görüntüsü;

1328308342_ekran-resmi-2012-02-03-23.43.52.png

Uygulamanın kaynak kodlarını indirmek için tıklayınız.

Yorumlar
Misafir
Teşekkürler :)
Cevapla
Veri politikasındaki amaçlarla sınırlı ve mevzuata uygun şekilde çerez konumlandırmaktayız. Detaylar için çerez politikamızı inceleyebilirsiniz.