© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Anahat 4.1 Inventory uygulamasını çalıştırmak 4.2 Inventory uygulamasını oluşturmak 4.3 Label eklemek 4.4 TextBox ve Button kontrollerini Form a eklemek 4.5 Bitiş Ders 4 – Inventory (Envanter) Uygulaması TextBox ve Button kontrollerinin kullanımı

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 2 Amaçlar Bu derste şunları öğreneceğiz: –Görsel programlama, GUI (Görsel kullanıcı arabirimi) tasarım kuralları. –Label, TextBox ve Button kontrollerini Form a eklemek –TextAlign ve BorderStyle özelliklerini kullanmak ( Label kontrolü için)

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory uygulamasını çalıştırmak TextBox control –Kullanıcının klavyeden yazdıklarını alır –Kullanıcıya istenilen yazıyı gösterebilir Button control –Click yapıldığında bir eylem gerçekleştirir Inventory uygulamasının Form ’u varsayılan değerlerle gösteriliyor Label Button TextBox es

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Test-Driving the Inventory Application Uygulama girdileri –Cartons per shipment (Her kargodaki karton sayısı) –Items per carton (Her kartondaki nesne-kitap sayısı) Inventory uygulaması yeni değerler girilince:

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory uygulamasını çalıştırmak Calculate Total düğmesine tıklanınca –Özel olarak formatlanmış Label da sonuç gösteriliyor Calculate Total düğmesine basınca sonuç gösteriliyor Hesaplamanın sonucu

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory uygulamasını oluşturmak Yeni Proje oluşturmak –File > New > Project… –Proje adı yazılır (Name alanı) –Projenin diskteki yeri seçilir ( Location alanı) –Proje türü seçilir (Visual C# -> Windows Forms)

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory uygulamasını oluşturmak New Project ekranı da aslında görsel bir Form’dan başka bir şey değildir Buradaki Button, TextBox, Panel gibi kontrollere dikkat ediniz. Varolan proje şablonları Browse Button Proje türleri ve Dil seçimi Name: TextBox Location: TextBox

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory uygulamasını oluşturmak Projeyi kaydetmek –Project Location bölümünden klasör seçilmeli

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını oluşturmak Figure 4.5 Project Location dialog used to specify the folder in which the project files reside. Çalışılan klasör

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak IDE(Integrated Development Environment) Bütünleşik Geliştirme Ortamı –Form Form u yeniden isimlendirmek –Solution Explorer –Properties -> File Name

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak New Windows application ( Form1 ) Form file name ( Form1.cs ) Form title bar ( Form1 ) Form

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak Form ’s file name after property change File Name propertyType new Form file name here Solution Explorer ve Properties pencerelerini kullanarak yeniden isim vermek

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak Figure 4.8 Setting a Form ’s font to Tahoma. Drop-down list ile font isimleri gösterilir Örneği Tahoma seçilebilir Artı işaretine tıklayarak Font özellikleri açılacaktır Name özelliği

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Constructing the Inventory Application Font özelliğinin tamamının kalın yazıldığına dikkat ediniz, hangi özellik değiştirilirse özellik listesinde o kalın yazılacaktır. Form’un Font özelliği seçildi Font adı Tahoma

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Constructing the Inventory Application Text property –Changing the Text property

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak Form’un Text özelliği Yeni değer Inventory Text özelliği Form’un başlığı için Size özelliği Form’un boyutları için Yeni değer girilince kalın olarak gösteriliyor

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Inventory Uygulamasını Oluşturmak Figure 4.10 Form’un başlığı ve boyutları değiştirilecek Başlık Inventory olacak

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Kullanılan Label türleri –Açıklayıcı Label –Çıktı Label Figure 4.11 Inventory uygulaması için açıklayıcı 3 adet Label kullanılacak Çıktı Label ’ı (görüntüsü biraz değiştirilmeli) Açıklayıcı Label ’lar

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Label oluşturma ve konumlandırma –Location mouse ile veya Properties ile değiştirilebilir Form’a Toolbox’dan bir Label sürükleyip bırakalım Location : 0, 0 Label control

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Label içindeki metni hizalamak –Text alignment

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Form’a Label eklendikten sonra Label’in özellikleri değiştirelecektir Value of TextAlign property ( MiddleLeft ) Aşağı oka basılınca pencere açılıp, görsel olarak seçiliyor MiddleLeft : Sol orta hizalama TextAlign : Metin hizalama Name: Label’in program kodundaki adı değiştirildi

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Label yerleştirilip, ayarlandıktan sonra GUI böyle görünecek Location 8, 18

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Açıklayıcı Label kontrolleri –MiddleCenter hizalama

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Figure 4.15 TextAlign özelliğini MiddleCenter yapmak MiddleCenter TextAlign özellik değeri

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Adding Label s to the Inventory Application Açıklayıcı Label’lar –Fixed3D BorderStyle Figure 4.16 Label’ın BorderStyle özelliğini Fixed3D yapmak ve Label’a çukur görüntüsü kazandırmak Fixed3D BorderStyle

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Uygulamaya Label Eklemek Tüm Label’lar eklenince GUI böyle görünecek Label ( Fixed3D BorderStyle özelliği verilmiş)

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Form’a Button ve TextBox eklemek TextBox Eklenecek ve aşağıdaki özellikleri değiştirilecek –Size property –Location property –İsimlendirme

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Form’a Button ve TextBox eklemek Properties penceresi ( txtCartons TextBox ’ı için) Size property set to 40, 21 Name property set to txtCartons Location property set to 128, 16

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Form’a Button ve TextBox eklemek TextAlign özelliği Label’a göre daha az zengin ve Right (Sağa yaslı) olmalıdır Text property set to 0 TextAlign property set to Right

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Form’a Button ve TextBox eklemek TextBox’lar eklendikten sonra GUI böyle görünecek

© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved Adding TextBox es and a Button to the Form Tasarım bitti, şimdi uygulamayı bir kere çalıştırıp nasıl göründüğüne bakabiliriz Close box