myblack
siberTurk
KARMA: 0
Offline
Cinsiyet: 
Mesaj Sayısı: 56
Konu Sayısı: 43
From The Annoyance ..
|
 |
« : 11 Temmuz 2008, 22:21:48 » |
|
Visual programlama dillerinin en önemli özelliklerinden biri programın ekran tasarımını kodlama ile değil tasarım zamanı bir resim çiziyormuş gibi rahatça yapılabilmesidir. Form Tasarımı Programlarda kullanılabilecek standart işlemler birer kontrol olarak tasarlanmış ve programcının kullanımına sunulmuştur. Örneğin personel ile ilgili bilgilerin girilebileceği bir programda personelin adı, doğum yeri, doğum tarihi gibi bilgiler için birer boş kutu (buna text kutusu diyoruz), kullanıcının ne yapması gerektiğini belirten veya neyi girmesi gerektiğini belirten yazılar (label kutusu), mesleği seçmesi için hazır daha önceden girilmiş mesleklerden birini seçme imkanı sağlayacak aşağı doğru açılacak bir liste(combo box), programdan çıkmak için veya kaydetmek için gerekli komut düğmeleri (command buton), mevcut personellerin listesini gösterecek bir liste kutusu programda bulunabilecek seçeneklerdendir. İşte bu tip işleri yapmak için hazır kontrollerimiz bulunmaktadır .bunları uygun şekillerde ekrana yerleştirerek kolayca programımızın ekranını tasarlayabiliriz Aşağıdaki formu oluşturmaya çalışınız. Form üzerindeki kontrolleri oluşturmak için ana formun altında aşağıdaki kontrollerden seçerek formunuzun Üzerine çizmeniz gerekir.
Formumuzu bu şekilde oluşturduktan sonra label1, label2, command1 yerine bunlara ait açıklamaları yazmamız gerekir. Visual dillerinde bunları da program kodları ile değil tasarım zamanında yapabiliriz. Şimdi label1 nesnesini seçin ve F4 tuşuna basın. Artık aşağıdaki penceredeki gibi label1 nesnesine ait özellikleri görüyor olmamız gerekir. Bu pencere üst tarafta gördüğünüz Alignment, Autosize gibi kelimelere properties yani özellikler diyoruz. Sağ tarafındaki 0-left Justify, false gibi yazılarda bu özelliğin şu andaki değerini göstermektedir. Her nesnenin farklı ve ortak özellikleri vardır. Şimdi bu özelliklerin etkisini görmek için Caption yazan özelliğin karşısındaki Label 1 kelimesi yerine Adı Soyadı kelimesini yazın aynı şeyi formunuzun üzerindeki Label1 üzerine de yazıldğını göreceksiniz.işte caption özelliği ile kutuların önündeki Labellere gerekli açıklamaları böyle yazacağız. Bu özelliği form üzerindeki diğer label, command button ve forma da uygulayarak formunuzu aşağıdaki hale getirin :
Combo kutusunda birkaç tane meslek gösterilmesi sağlamamız gerekiyor. Bu işi caption özelliğiyle değil combo box’un list özelliğiyle yapacağız. bu kutuda şu meslekler bulunmasını isteyelim: Programcı, Muhasebeci, Mühendis, İşletmeci, Turizmci, İşçi..
Bunu yapmak için Combo Box1 nesnesini seçip F4 tuşuna basın. ve açılan yandaki pencereden List özelliğinin yanındaki kutunun düğmesine basın. şimdi aşağıdaki gibi boş bir liste açılacaktır Bu listeye kutuda bulunmasını istediğimiz değerleri girelim. Değerleri girerken bir alt satıra geçmek için Enter tuşu yerine Ctrl+Enter tuşlarını kullanmamız gerekiyor
Personele ait bu meslekleri pencereye girip Enter tuşuna basın artık programınız ekran tasarımı hazır. Henüz hiçbir kod yazmadan programımızı çalıştıralım. Programı F5 tuşuna basarak çalıştırın.
Artık tasarım ortamında değil çalışma ortamındasınız. Şimdi programdaki kutulara yazı yazmayı, birinden kopyalayıp diğerine yapıştırmayı, formu boyutlandırmayı deneyin. Hiçbir kod olmadığı halde bu işlemleri yapabildiğinizi göreceksiniz. Ancak komut düğmeleri henüz çalışmıyor. Bunlar için kod yazmamız gerekiyor. Önce programı kontrol menüsünden kapatarak (kısaca Alt+ F4 tuşlarına basarak) tekrar tasarım moduna geçelim.
Kod Yazma Çıkış için gerekli olan kodu yazalım. Kodu herhangi bir yere değil o nesne üzerinde yapabilecek değişik işlemlere göre ilgili yere yazmamız gerekir. Örneğin fare düğme üzerinden geçerken bir mesaj vermek istiyorsak bunu o komut düğmesinin MouseMove olayına yazmamız gerekir.Biz, düğme tıklanınca sona ermesini istediğimiz için istediğimiz için kodumuzu Click olayına yazacağız. Bu olay alt programına ulaşmak için 2 yolumuz var. Birincisi varsayılan olaylara ulaşmak için o düğmeyi çift tıklamamız gerekir. Komut düğmesini çift tıklarsanız düğmenin Click olayına gideriz.
Diğer olaylara ulaşmak için ise kod pencerelerinin sağ üst köşesindeki kutuyu kullanacağız. Üzerinize Çıkış yazdığımız düğmeyi seçin ve çift tıklayarak o düğmenin click olayına ulaşın. Kod yazmamız için aşağıdaki pencere açılacaktır
Şu anda Command 3 nesnesinin click olayına gerekli kodu yazabiliriz. Sub-End Sub bloğu arasına programdan çıkmak için gerekli olan End; komutunu yazın ve programı F5 tuşu ile çalıştırın. Artık programımızdaki düğmelrden biri üzerine düşen görevine yapmaktadır. Şimdi de Ekle düğmesi seçildiğinde personelin adını listeye eklemek için gerekli kodu yazalım.Text1 içine yazılan Adı öğrenmek için Tex1 nesnesinin Text özelliğini kullanağız.Text özelliğinin etkisini görmek için tasarım esnasında iken F4 tuşu ile bu özelliği değiştirin.yazdığınız şeyin Text1 içerisinde de yazıldığını göreceksiniz. Label, Command ve form gibi kullanıcın giriş yapmadığı nesnelerin, üzerlerindeki yazıyı Caption özelliği belirlerken,Text kutusu gibi kullanıcının değiştirebileceği nesnelerin içerisindeki yazıyı ise Text özelliği belirler.
Text kutusuna girilen ismi listeye eklemek için ise Liste kutusunun AddItem özelliğini kullanacağız. Üzerine EKLE yazdığımız komut düğmesi çift tıklayarak Click olayına ulaşın ve Sub-End Sub bloğu arasına aşağıdaki ifadeyi yazın
List1.AddItem Text1.Text Bu arada VB’nin yeni ve çok güzel bir özelliği dikkatinizi çekmiş olmalı. Siz List1. yazdığınız da VB list1 kontrol elemanına ait bütün özellikleri gösteren bir liste açmakta ve buradan istediğiniz özelliği veya metodu kolayca seçebilmektedir. bu program yazarken size çok büyük bir kolaylık sağlayacaktır. yüzlerce özelliğin nasıl yazıldığını akılda tutmak zor olduğu için bu özellik programcılara önemli bir hız kazandırmaktadır.
Artık EKLE düğmesi de çalışıyor.son olarak sil düğmesi ile listeden seçilen personeli listeden seçilen personeli listeden çıkarmak isteyelim. Listeden bir elemanı silmek için liste kutusunun RemeveItem özelliğini, hangi elemanın seçili olduğunu öğrenmek için de ListIndex özelliğini kullanacağız. Şimdi de command 2 nesnesinin click olayına aşağıdaki kodu yazalım:
Programımız artık hazır. Programı F5 tuşu ile çalıştırabilirsiniz . program çalıştırıp listeye eleman eklemeyi ve listeden seçtiğiniz elemanları silmeyi deneyin. böylece bir programın ekranının(formunun) nasıl tasarlanacağını,form üzerindeki kontrollerin özelliklerinin(propeties) nasıl değiştirileceğini ve gerekli kodu hangi olaylara (Events) nasıl yazacağımız öğrendik. Yapacağımız bütün programlarda bu adımları kullanacağız..
Hataları Düzeltme Yukarıdaki örneğimizde eğer bir elemanı listeden seçmeden silmeye çalışırsanız VB’nin size vereceği bir hata ile karşılacaksınız.
VB, programdaki bir prosedürün geçersiz bir parametre ile çağrıldığını belirten bir hata mesajı veriyor.İsterseniz End düğmesini kullanarak sonlandırabilirsiniz.Bunun yerine Debug düğmesini kullanarak hatanın nerede oluştuğunu görebilir ve hatayı düzelttikten sonra tekrar kaldığı yerden devam etmesini sağlayabilirsiniz.Debug düğmesini seçelim < hatanın oluştuğu satır işaretlenmiş durumda. Hatanın sebebi ise listede seçili bir eleman olmadığı halde seçili bir elemanı silmeye çalışmamızdır Bunu önlemek için command2_click olayını şu şekilde düzenleyebiliriz.. Alt programımızda köklü değişikler yaptığımız için önce Run Menüsünden End komutu ile programı sonra erdirin ve F5 ile tekrar açalım.. Program bu haliyle listeden bir eleman seçilmemişse aşağıdaki mesaj ile kullanıcıya bunu bildirecektir Listeden bir eleman seçilip seçilmediğini liste kutusundaki ListIndex özelliği ile anlayabiliyoruz. Bu özelliğin değeri negatif ise listede seçili bir eleman yok demektir.
NoT: Her 5 Günde Bir Yeni konu Verilecektir Sıradaki Konu: Değişkenler Ve Veri Tipleri
|