VB Proglamaya Giriş / 1.Bölüm / form Tasarımı /
Giriş Yap Tema Rengi Konu Mesaj Üyeler
Merhaba, Ziyaretçi. Lütfen giriş yapın veya üye olun.
Kullanıcı Adı:
Şifre:

11201 22437 Toplam üye: 17936
Son üye: antikedi
 
Ana Sayfa Yardım Arcade Giriş Yap Kayıt
 

Reklamlar
Konu Bilgileri
Konu BasligiKonu: VB Proglamaya Giriş / 1.Bölüm / form Tasarımı /
Cevap SayisiCevap Sayisi: 0 cevap var
Okunma SayısıOkunma Sayısı 223 defa
Bu Konuyu Görüntüleyenler0 Üye ve 1 Ziyaretçi konuyu incelemekte.
Sayfa: [1]   Aşağı git
  Yazdır  
Gönderen Konu: VB Proglamaya Giriş / 1.Bölüm / form Tasarımı /  (Okunma Sayısı 223 defa)
0 Üye ve 1 Ziyaretçi konuyu incelemekte.
myblack
siberTurk
*

KARMA: 0
Offline Offline

Cinsiyet: Bay
Mesaj Sayısı: 56

Konu Sayısı: 43

From The Annoyance ..


Aktiflik

Deneyim
Seviye
Kötü İtibar

« : 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
  MyBLacK
« Son Düzenleme: 11 Temmuz 2008, 22:25:55 Gönderen: myblack » Logged
   
Sayfa: [1]   Yukarı git
  Yazdır  

 
Gitmek istediğiniz yer:  

|Site Map | Site Map2 | Arşiv | Wap | Wap2 | Wap Forum | XML | Rss | Google Tagget
|SiberTurk | Frmby
Reklam Vermek için by.deman@msn.com Adresine e-mail gönderiniz
For Advertising contact by.deman@msn.com

MySQL ile Güçlendirildi PHP ile Güçlendirildi Powered by SMF 1.1.7 | SMF © 2006-2008, Simple Machines LLC
Asuke MC by Fakdordes & SaSuKe
XHTML 1.0 Geçerli! CSS Geçerli!
Bu Sayfa 0.161 Saniyede 23 Sorgu ile Oluşturuldu