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.

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.