I-Adım Adım Vb.Net Proje ortamını tanıyarak Kod geliştirme -GUI kullanıcı arayülü Form tasarımı
MICROSOFT VISUAL STUDIO 2010
VISUAL BASIC.NET GİRİŞ
ADIM ADIM VB.Net Proje Yaratmak-GUI
Bir önceki Vb.Net Kod Geliştirme Ortamı VI ve Visual Studio 2010 Yenilikleri V adlı makalemizde Vs 2010 start page’de ki Data Başlığını incelemiştik. Bu makalemizde ise Vb.Net ortamını tanıyarak adım adım proje geliştireceğiz. İlk olarak GUI ile bir kullanıcı arayüzü oluşturalım
Visual Studio 2010 Ultimate ortamında Vb.Net kodlarımızı geliştirmeden önce yeni başlayan arkadaşlarımız için Visual Studio 2010 IDE (Integrated Development Environment)(Bütünleşmiş Gelişim Platformu) ‘lerine değinelim. Visual Studio 2010 programımızı çalıştırmak için Başlat > Tüm Programlar > Microsoft Visual Studio 2010 tıklanarak çalıştırılabilir. İngilizce dilinde işletim sistemlerini kullanan arkadaşlarımız ise Start > All Programs > Microsoft Visual Studio 2010 tıklayarak programı çalıştırabilirler.
Programımızı çalıştırdıktan sonra karşımıza çıkan ilk pencere Start Page olacaktır. Start Page ve alt başlıklarını daha önceki makalelerimizde geniş bir biçimde ele almıştık. Eğer Start Page ve alt başlıkları hakkında detaylı bilgi almak istiyorsanız, daha önceki makalelerimize göz gezdirebilirsiniz. Start Page üzerindeki IDE’lerimize göz atarsak View > Other Windows >
alt seçeneklerine göz gezdirdiğimizde seçmek istediğimiz IDE’leri görebiliriz.
Projelerle ilgili işlemleri ise Start Page’mizdeki Open Project, New Project, Recent Project menülerinden gerçekleştirebiliriz. Open Project ile daha önceden mevcut olan projelerden biri seçilerek yapılır. New Project ile yeni bir proje açılır.Bu pencerede bulunan diller içerisinden ve mevcut olan proje şablonlarından birisi seçilerek proje geliştirilebilir.
Recent Project seçeneği ile son kullanılan 10 adet proje listesine erişilebilir.Burada varsayılan olarak son 10 adet proje listelenmektedir.Bu sayıyı değiştirmek için Tools menüsünden Options seçenekleri ile gelen penceredeki Recent Files başlığı altındaki “10 items shown in Window menu” seçeneği kullanılır.
Yeni bir proje yaratmak için New Project seçeneği kullanılabilir yada File > New Project seçeneğinden de yeni bir proje oluşturabiliriz.
Yeni bir proje oluştururken açılan New Project penceresinde Resimde gördüğünüz gibi .NET Framework versiyonlarını değiştirebilirsiniz.Visual Studio 2010 ile gelen .NET framework 4.0 ‘a kadar bir seçim yapabilme şansına sahibiz. Aynı zamanda bu proje sayfasıyla Windows Masaüstü programları geliştirmek için Windows Form Application seçtiğimizde varsayılan proje adı(Default Project Name) windowsapplication1 olarak karşımıza çıkmaktadır.İsteğe göre proje adını biz yeniden değiştirerek belirtebiliriz. Ok butonuna tıkladığımızda Visual Basic.Net proje geliştirme form ve araçlar sayfamız açılacaktır.
Formumuzu açıktan sonra burada bulunan araç ve gereçlere kısaca değinirsek; Vb.NET kod geliştirme ortamı başlıca şu bileşenlerden oluşmuştur.
1-Menü penceresi
a- Menü çubuğu
b- Araç Simgesi Çubuğu
2-Solution Explorer
3-Properties(Özellikler) Penceresi
4-Server Explorer
5-Error List (Hata Listesi)
6-Call Hierarcy
7-ToolBox
Form kontrollerinden bahsedecek olursak;
Formlar oluşturmak istediğimiz projelere GUI (Graphical User Interface),grafik ara yüzü kazandırır. Projelerimizdeki her türlü görselliği bu formlar üzerinde gösterebilir,değiştirebilir ve düzenleyebiliriz.
Form üzerinde eklediğiniz Butonlar,etiketler (labels) üzerinde değişiklik yapmamıza olanak sağlayan Properties ( Özellikler ) penceresinden kontrol edebiliriz.
Aynı zamanda Text (metinlerimizde) Fontları değiştirebiliriz.Font ( name, size,Bold,Italic …vs). Properties(özellikler) penceresinden Font Properties(özelliğini) bularak üzerinde değişiklik yapabiliriz.
Açmış olduğumuz projemizdeki Menu Bar ve ToolBar ‘dan bahsedicek olursak ;
Menu içindeki programların çalıştırılması,derlenmesi ve geliştirilmesi gibi yönetim IDE’lerini içeren komutlardır.
Menüler bize komutların kontrolünü sağlar .Bunları Menu Items olarak adlandırmaktayız. IDE’lerden Özel bir eylemi seçtiğimiz zaman( örneğin; open a window (bir pencere açmak), save a file (bir dosyayı kaydetmek), print a file (bir dosyayı yazdırmak), execute a program (bir programın çalıştırılması) … gibi).
Visual Studio 2010 Menu Bar’ımızı gösterecek olursak aşağı daki gibi bir görüntü elde etmemiz gerekicektir.
File: Visual Studio içerisinde geliştirmek istediğimiz bir projemiz için proje açmamıza, proje kapatmamıza,proje eklememize, proje kaydetmemize ,projeyi yazmamıza olanak sağlayan komutları içerir.
Edit : Visual studio proje alanı içerisindeki projemizi düzenlememize olanak sağlayan copy(kopyalama), cut(kesme),undo(geri alma), delete(silme),find(bulma) ve select(seçme) gibi komutları içerir.
View: Windows komutlarını içerir. Örneğin ; Solution Explorer,ToolBox,Properties Windows) gibi IDE’leri ToolBar’a eklememizi sağlar.
Project: Proje ve Proje dosyalarının yönetimini sağlayan komutları içerir.
Build: Programların derlenmesini sağlayan komutları içerir.
Debug: Programların tanımlanmasını ve doğrulanmasını sağlayan komutları içerir. (hata ayıklar )
Data : Database(veritabanı) ile etkileşimi sağlayan komutları içerir.( Örneğin ;Bilgisayar üzerinde verilerin depolanarak bir arada toplanmasıdır.) Database, SQL and ADO.NET
Format : Bir formun kontrollerinin değiştirilmesi ve düzenlenmesini sağlayan komutları içerir. Bir form üzerindeki GUI (grafik kullanıcı arayüzündeki)’leri düzenlememezi sağlar.
Tools: IDE araçlarının eklenmesini ve IDE’lerin özelleştirilmesini sağlayan komutları içerir. Örneğin; ToolBox.
Window: Windows’un görüntülenmesini ve düzenlenmesini sağlayan komutları içerir.
Community:Microsoft geliştirici merkezlerini iletmek istediğimiz soruları Microsoft Geliştirici Topluluklarına ileten komutları içerir.
Help: IDE’nin yardım özelliklerine girişi saplayan komutları içerir.
Visual Studio 2010 proje çalışma alanındaki Araç simgesi çubuğu aşağıdaki gibidir.
2. Solution Explorer:
Visual Studio .NET içerisindeki projeleri gruplandırarak bir çatı altında toplamak amacı ile solution adı verilen yapılar kullanılır. Bir solution içerisinde birden fazla proje bulunabileceği gibi, tek bir proje de bulunabilir. Proje yüklü olan form, modül gibi proje bileşenlerini görüntülemek amacı ile Solution Explorer adlı Visual Studio bileşeni kullanılır.
Bir Proje Form ve Kod olarak iki temel kısımdan oluşur.Form görünümünde projemizin görsel öğelerini kod yazmadan ekleyip düzenleyebiliriz.Kod görümünde ise projemizin gerçekleştirmesi gereken işlere dair kod satırlarını yazarız.
Kod görümüne geçmek için ise şu yöntemler kullanılabilir:
a- Solution Explorer penceresindeki view code düğmesi tıklanarak
b- View menüsünden Code seçeneği tıklanarak
c- F7 kısayol tuşu ile.
Form görünümüne geçmek için ise şu yöntemler kullanılabilir;
a- Solution Explorer penceresindeki view designer düğmesi tıklanılarak
b- View menüsünden Designer seçeneği tıklanarak,
c- Shift + F7 kısayol tuşu ile.
3.ToolBox:
Visual Studio arabirim ekranının sol tarafında bulunan ve projemize ekleyebileceğimiz nesneleri barındıran bölümdür.
Toolbox içerisine yeni bir nesne eklemek için ToolBox’a farenin sağ tuşu ile tıklanarak gelen menüden Choose Items (öğeleri seçin) seçeneği yakalanır. Karşımıza gelen pencerede istenilen nesne adı seçilerek ya da Browse seçeneği ile nesnenin ait olduğu dosya adı seçilerek Toolbox içerisine istenilen nesneler eklenebilir.
Görsel Programlama Kullanarak bir projenin Grafiksel Kullanıcı Arayüzünü (GUI) oluşturmak:
NOT: Bu makalemizde de gerek yerli gerek yabancı kaynakları tarayarak kendi VS ortamımızda görselleştirerek VB.NET başlığını ve VB.NET ortamını ve makalemizin sonunda Kullanıcı Arayüzünün (GUI) nasıl oluşturulduğunu anlatmaya çalıştım. VS yeni başlayan arkadaşlara yol gösterici olması amacıyla faydalı olması dileğiyle.Bir sonraki makalemizde görüşmek dileğiyle şimdilik hoşçakalın.
saygılarımla;