Silverlight 2.0 RC0 içerisinde PasswordBox kullanımı.

0 dakikada yazıldı

5544 defa okundu

Düzenle

Silverlight 2.0 RC0 öncesinde Silverlight içerisinde özellikle kullanıcı
girişlerinde şifrelerin yazılacağı bir TextBox oluşturmak epey zahmetli
bir işti. Bunun için normal bir TextBox'ı sahneye yerleştiriyor sonra da
bu TextBox'a tüm karakterleri * olan bir font bağlıyorduk. RC0 ile
beraber artık bu işleme özgü bir PasswordBox kontrolümüz var. Bu
yazımızda PasswordBox'ın kullanımına hızlıca değineceğiz.

Expression Blend 2 içerisinde PasswordBox kontrolü.
Expression Blend 2 içerisinde PasswordBox kontrolü.

Yeni bir Silverlight projesi yarattıktan sonra Expression Blend 2
içerisinde Asset Library bölümünde PasswordBox'ı bulabilirsiniz. Tasarım
arayüzünden yukarıdaki şekilde bir PasswordBox alarak sahneye
yerleştirdiğinizde XAML dosyasında aşağıdaki gibi bir kod ile
karşılaşacaksınız.

<UserControl
x:Class="SilverlightApplication4.Page"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Width="400" Height="300">

    <Grid
x:Name="LayoutRoot"
Background="White">

      <PasswordBox Height="25" Margin="28,38,136,0"
VerticalAlignment="Top"/>

    </Grid>

</UserControl>

Kodumuzda PasswordBox bir Grid içerisinde bulunduğu için
Margin'i ayarlanmış durumda. Bu şekilde hazırlanan basit bir
uygulamayı çalıştırdığınızda PasswordBox içerisine girdiğiniz her
karakter bir nokta ile gösterilecektir.

PasswordBox'ın varsayılan görünümü.
PasswordBox'ın varsayılan görünümü.

PasswordBox'ın noktalarla doldurduğu karakterlerin yerine farklı bir
karakter seçmek için PasswordBox'ın PasswordChar özelliğinden
faydalanabilirsiniz. Bu özelliğe aktardığınız karakter PasswordBox
içerisine yazılan her karakterin gösteriminde kullanılacaktır.

<UserControl
x:Class="SilverlightApplication4.Page"

            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

            Width="400"

            Height="300">

  <Grid
x:Name="LayoutRoot"

        Background="White">

    <PasswordBox
PasswordChar="*"

                Height="25"

                Margin="28,38,136,0"

                VerticalAlignment="Top"/>

  </Grid>

</UserControl>

Programatik olarak da yukarıda bahsettiğimiz tüm özelliklere VB veya C#
kodunuz ile ulaşabilirsiniz.

Hepinize kolay gelsin.