WPF Form Expander Kullanımı ve Örneği – Ahmet Cansever
Pazartesi , 27 Mart 2017
Anasayfa » Programlama » WPF Form Expander Kullanımı ve Örneği

WPF Form Expander Kullanımı ve Örneği

Expander, Wpf Form üzerinde devamlı olarak yer işgal etmesini istemediğimiz kontrolleri gerektiği zaman genişletip daraltabilmemizi sağlar. Aşağıdaki örnekte 2 adet farklı  expander kullanımı yapılmıştır.

Kayıt Ekle” başlıklı Expander’ da Textbox,Textblock ve Buton kontrolleri, “Kayıt Görüntüle” isimli Expander’ da ise listbox yerleşimi yapılmıştır.

Expander kontrolünün açık olup olmayacağının kontrolüde yapılabilmektedir. Bunun için  IsExpanded özelliği kullanılır. Eğer Expander kontrolü açık olarak ekrana gelsin istiyorsak  “IsExpanded=True” olarak ayarlayabiliriz.

expander1

Kontrole ait XAML kodları aşağıdaki gibidir.

[css] <Grid>
<Expander Header="Kayıt Görüntüle" Background="Aqua" HorizontalAlignment="Left" Margin="10,176,0,0" VerticalAlignment="Top" Width="497">
<ListBox Name="list2">
<ListBoxItem>
<TextBlock>Ahmet Cansever</TextBlock>
</ListBoxItem>
<ListBoxItem>
<TextBlock>Enes Taşkın</TextBlock>
</ListBoxItem>
<ListBoxItem>
<TextBlock>Mehmet Sayın</TextBlock>
</ListBoxItem>
<ListBoxItem>
<TextBlock>Kemal Bilen</TextBlock>
</ListBoxItem>
<ListBoxItem>
<TextBlock>Selim Harmancı</TextBlock>
</ListBoxItem>
</ListBox>
</Expander>
<Expander Header="Kayıt Ekle" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top">
<StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,10,0,0">
<TextBlock Text="Adı" Width="100" />
<TextBox Width="100"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,10,0,0">
<TextBlock Text="Soyadı" Width="100" />
<TextBox Width="100"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,10,0,0">
<TextBlock Text="Telefon" Width="100" />
<TextBox Width="100"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,10,0,0">
<Button Content="Kayıt Ekle" Width="100" Margin="100,0,0,0"/>
</StackPanel>
</StackPanel>
</Expander>

</Grid>
[/css]

Projemizi çalıştırdığımızda Expander paletini genişlettiğimizde oluşan görüntü aşağıdaki şekilde olacaktır.

expander2

Hakkında admin

İlginizi Çekebilir

WPF Menü Oluşturma

Son Güncellenme : 19th Aralık, 2016Bu yazımızda WPF’ te Menü kullanımının nasıl yapılacağını, ve formumuza …

1 Yorum

  1. Mücahit Yılmaz

    Hocam selamlar.
    Expanderlar alt alta olsa yani margin verilip yeri belirlenmese, üstteki expanderı açmak için tıkladığımızda alttaki expanderın üstüne gelecek muhtemelen bunu nasıl aşabiliriz?

Yorum Yap

Wordpress Tema indir