C# ile GeckoFx Kullanımı - Projeye Ekleme

Uzun zaman sonra teknik bir yazı yazacağız. C# programlama dili ile ilgili.

Visual Studio'da biliyorsunuz webBrowser component'i var. Bu component ile kolayca browser ekleyebiliyoruz projemize.

VS'da default bulunan bu component İE'nin engine'ini kullanıyor. (O'nu da doğru düzgün kullanamıyor ya, o da bir sonraki yazının konusu. Son versiyonunu kullandırtmak için registry'de bir ayar yapmak gerekiyor, ona başka bir yazıda değineceğiz nasip olursa)

Evet, İnternet Explorer'ı beğenmeyenler, ya da uygulaması icabı başka bir browser altyapısı kullanmak isteyenler olabilir. Mesela Chrome altyapısı, Firefox altyapısı.

Evet., şimdi kısaca bunu nasıl yapacağınızı anlatacağız. (VS 2008'de, .NET Framework 3.5)

Bu iş için üretilmiş çeşitli opensource componentler var, biz GeckoFx'i anlatacağız. Bunun haricinde Webkit, CefSharp gibi alternatifler de var.


1. Projemize Referanslar bölümünden, internetten indirdiğimiz Skybound.GeckoFX.src.v1.9.1.0 dosyası içerisindeki bin klasöründe bulunan Skybound.Gecko.dll'i ekliyoruz.

2. Aynı dosyayı toolbox'a sürükle bırak yapıyoruz.(VS 2008'de Debug modda olmamaya dikkat edin ve Form'unuzun Design kısmındayken bu işlemi yapın.)(Not: VS 2010'da bu sürükle bırak işlemi yemiyor, orada sağ tıklayıp "Choose Item" diyorsun, sonra da çıkan pencerede "Browse" butonuna basıp yukarıda yolunu tarif ettiğim dll'i ekliyorsun)

3. İnternetten indirdiğimiz Skybound.GeckoFX.src.v1.9.1.0 dosyasındaki bi klasörünün içindekileri kopyalayıp projemizdeki Debug klasörü altına yapıştırıyoruz.

4. Evet, geldik önemli adıma. Şimdi internetten xulrunner-3.6.26.en-US.win32 dosyasını indiriyoruz, bu dosyanın yine bin klasörünün içini kopyalayıp(yaklaşık 25 MB) C dizini altında oluşturacağımız yeni bir klasöre kopyalıyoruz.

5. Oluşturduğumuz ve içini doldurduğumuz bu yeni klasörün path'ini, formumuzun constructer kısmında


  public Form1()
        {
            InitializeComponent();
          Skybound.Gecko.Xpcom.Initialize(@"C:\XulRunner\");
        }

şeklinde belirtiyoruz.

6. Sürükle bırak yöntemiyle Toolbox'daki Genco komponentimizi formumuza ekliyoruz.

7. Aşağıdaki kod ile url'yi verip uygulamamızı kullanabiliyoruz.

 geckoWebBrowser1.Navigate("http://kuran.diyanet.gov.tr/Kuran.aspx");


Hepsi bu kadar. Aslında basit. Sadece işlemler biraz uzun. Diğer fonksiyonları (refresh, go, stop, back, forward vb. rahatça bulabilirsiniz.)

Burada indirdiğiniz dosyaların versiyonları, birbirleriyle uyumu önemli. Buna dikkat ederek indirmeniz lazım. Benim yukarıda verdiklerim HTML5 uyumlu versiyon, eski versiyonlar da internette mevut, yanılıp da eski versiyonları indirirseniz birtakım uyum problemleri yaşayabilirsiniz.

Merak edenler için hemen söyleyelim, Gecko motorlu browserlardan bazıları : Firefox, Camino, Flock, Thunderbird, Seamonkey, Epiphany, NVU, Netscape, K-Meleon

Ayrıca şu adrese de bir göz atabilirsiniz:

http://smush143.wordpress.com/2010/12/28/embedding-webkit-and-gecko-in-vb-net-application/

Ancak dikkat edin verdiği sürüm sanırım eski.

Bu arada xulrunner kısmını atlarsanız hata alırsınız, onu da belirteyim.

Faydalı olması dileğiyle.

KaabeLive Programı Geliştirme Çalışmaları -2- Icon Ekleme

Bu yazımda projemizde hem form'a (formun sol üst köşesinde gözüken icon), hem de exe'mize(masaüstünde ve taskbar'da gözükecek ikon ) ekleyeceğiz.

İnternette herhangi bir kabe ikonu yok. Bu nedenle ikonumuzu kendimiz oluşturacağız.

Şu konuda uyarayım, sadece 32'ye 32 bir image'i .ico uzantısı ile kaydederek oluşturduğumuz ikonları bazen VS kabul etmeyebiliyor. Ben bu sorunu çözerken 24 bit seçeneğini ile 128 x 128 pixel'lik bir ikon kullanarak çözdüm. IcoFX adlı bir program kullandım.

Solution Explorer'dan Form1.resx dosyasını açıyıruz(uzantıya dikkat). Üstteki ekran görüntüsünde solda gördüğünüz gibi icons'u seçip Add Existing File diyerek icon'umuzu yukluyoruz. Artık ikonumuz projemizin Resources klasörü altında listelenecektir. Daha sonra Programın Özelliklerine geliyoruz. 

Üstteki ekran görüntüsündeki gibi ikonumuzu seçip projemize ekliyoruz. Artık taskabarda ve exe ikonu olarak yuklediğimiz ikon görülür.

Şimdi bir de forma ikonumuzu ekleyelim.

Form'un properties'inden yukarıdaki ekran görüntüsündeki yeri tıklayarak ikonumuzu seçip ekliyoruz. (Not az önce projemizin resources'ına da iconu eklediğimizden proje dosyanız içinden de ikonunuza ulaşabilirsiniz.)

Projemizi açıp baktığınızda .exe uzantılı uygulamamızın ikonunun yüklediğimiz ikon olduğunu göreceksiniz. Artık exe dosyamızı copy paste ile masaüstümüze atabiliriz ve hemen programı kullanmaya başlayabiliriz. Ancak yayının alındığı siteden kaynaklanan ufak bir script sorunu var, bunu da çözdükten sonra kullanılabilir ve güzel bir ikonu olan bir programımız olmuş olacak.

Bir sonraki yazıda, inşallah, program kapatılırken oluşan ve yayının alındığı sayfadan kaynaklanan bir problemi nasıl çözdüğümüze değineceğim.