WPF'de Textbox oluşturma ve ayarlama

Kullanıcı arayüzleri oluşturmak yazılım geliştirme sürecinin merkezi bir parçasıdır. WPF(Windows Presentation Foundation) ile etkileşimli ve çekici uygulamalar geliştirmek oldukça kolaydır. Bu kılavuzda, WPF'de bir Textboxnasıl eklenir, özelleştirilir ve çeşitli özelliklerin nasıl yapılandırılacağı öğrenilecektir.

Önemli Bulgular Textbox'un nasıl oluşturulacağını, içeriği ve özellikleri nasıl özelleştireceğini ve sonunda textbox'ların kullanımını genişletmek için arka planda koda nasıl erişeceğini anlayacaksın.

Adım Adım Kılavuz

İlk Textbox'unu oluşturmakiçin aşağıdaki adımları takip etmelisin:

Adım 1: araç kutusunu aç ve Textbox ekle

Bir Textbox'ı kullanıcı arayüzüne eklemenin en basit yolu araç kutusunu kullanmaktır. Araç kutusunu açmak için üzerine tıkla. Textbox'ı en altta bulacaksın. Sol tıklama ile seç, ardından ana pencere tasarımcısına (MainWindow) git ve Textbox'ı kullanıcı arayüzünde istediğin yere sürükle. Textbox'ı yerleştirmek için fare düğmesini bırak. Şimdi başarılı bir şekilde bir Textbox oluşturdun.

Adım 2: Metni özelleştir

Tasarımdaki yerleştirilmiş Textbox'ı şimdi görebilirsin. Görüntülenen metni değiştirmek için Textbox'a çift tıklaman yeterli. İçinde istediğin metni belirtebileceğin bir giriş alanı açılır. Textbox'a tanınabilir bir isim vermeni öneririm, böylece kodunda onu daha kolay tanıyabilirsin. Bu örnek için Textbox'ı “TextboxCodeDesigner” olarak adlandır.

Adım 3: Boyut ve konumu ayarla

Textbox'ın boyutunu değiştirmek için kenarlara tıklayıp sürükleyebilirsin. Textbox'ın tüm metni gösterecek kadar yer sağladığından emin ol. Ayrıca özellikler kısmında yüksekliği ve genişliği manuel olarak özelleştirebilirsin. Örneğin, yüksekliği 28 piksel ve genişliği 130 piksel ayarlayabilirsin. Böylece metin doğru bir şekilde görüntülenmiş olur.

Adım 4: Textbox'ı adlandır

Textbox'ının tanımını kolaylaştırmak için bir isim vermen de gerekir. Sol taraftaki özellikler bölümünde, “TextboxDesigner” yazabileceğin ismi girmek için bir alan bulacaksın. Bu, farklı kontrol öğeleri arasında geçiş yaparken işini kolaylaştırır.

Adım 5: Kullanıcı arayüzünü test et

Her şeyin doğru görünüp görünmediğini kontrol etmek için uygulamanı başlat. Belirttiğin içerikle Textbox'ının göründüğü ana pencereyi görmelisin. Artık bir Textbox oluşturmanın temel bilgilerini öğrendin.

Adım 6: XAML editöründe Textbox'ı özelleştir

XAML koduna baktığında, Textbox'ı oluşturduğunda XAML kod editöründe otomatik olarak yeni bir satır eklendiğini göreceksin. Burada alternatif özelleştirmeler yapabilirsin. Örneğin, kod şu şekilde görünebilir: . XAML editörü, kullanıcı arayüzünde yansıyacak değerleri ayarlamanı sağlar.

Adım 7: İkinci Textbox'ı ekle

İkinci bir Textbox eklemek için geri dönüp araç kutusuna git ve Adım 1'de açıklandığı gibi yeni bir Textbox ekle. Öncekinden ayırt etmek için ona da bir ad ve içerik verebilirsin.

Adım 8: Textbox'ı Code-Behind ile bağla

Code-Behind ile Textbox ile çalışmak için, tüm kontrol öğelerinin, Textbox'ın da içinde, bir adı olduğundan emin olmalısın. Arka planda koda etkinlik tabanlı kod ekleyebilirsin. Örneğin, MainWindow.xaml.cs dosyana bir Textbox'ı şu şekilde tanımlayabilirsin: TextBox textboxCodeBehind = new TextBox(); textboxCodeBehind.Name = "TextboxCodeBehind';

Adım 9: Textbox'ın Code-Behind parametrelerini ayarla

Code-Behind'ında her kontrol öğesinin, kullanıcı arayüzünde doğru bir şekilde görüntülenmesi için yapılandırılması gerekir. Metin rengini ve diğer özellikleri, tasarımcıda olduğu gibi ayarlayabilirsin. Bir örnek şu şekilde olabilir: textboxCodeBehind.Text = "Textbox Code Behind";

Adım 10: Kullanıcı arayüzünü test et

Eklediğin Textbox'ların istediğin gibi göründüğünden emin olmak için projeyi yeniden başlat. Hem tasarımcıda oluşturduğun Textbox'ları hem de Code-Behind'da oluşturduğun Textbox'ları görebilmelisin.

Adım 11: Uygulama ve daha fazla geliştirme

Bilgilerini daha da derinleştirmek için tasarımcıda ve Code-Behind'da ek Textbox'lar oluşturmanı öneririm. Farklı metinler, konumlandırmalar ve düzenlerle denemeler yaparak olanakları daha iyi anlamaya çalış.

Özet – WPF'de Textbox'larla İlk Adımlar

Artık WPF'de Textbox'ların nasıl oluşturulacağını, özelleştirileceğini ve özelliklerinin nasıl değiştirileceğini öğrendin. Araç kutusu, XAML kod editörü ve Code-Behind üzerinden üç yöntem, kullanıcı arayüzünü esnek bir biçimde tasarlamanı sağlar.