WPF ListBox Kullanımı

Listbox kontrolünü XAML olarak oluşturup kullanmak için aşağıdaki etiketi kullanabiliriz.

<ListBox> </ListBox>

Bu etiketi kullanarak oluşturduğumuz listbox’a aşağıdaki gibi ait bazı özellikler ekleyebiliriz.

<ListBox Name=”listbox1″ Width=”150″ Height=”200″ Margin=”10,10,357,109″ > </ListBox>

Burada Name ile listbox’ kontrolünün ismi daha sonra sırasıyla listbox’ ın genişliği yüksekliği ve konum ayarının nasıl yapıldığını görüyoruz. Listbox içeriğine XAML içerisinde ekleme yapmak isterseniz XAML kodlarını aşağıdaki şekilde yazabiliriz.

<ListBox Name=”listbox1″ Width=”150″ Height=”200″ Margin=”10,10,357,109″ >
<ListBoxItem Content=”Ahmet Cansever”></ListBoxItem>
<ListBoxItem Content=”Burak Uslu”></ListBoxItem>
<ListBoxItem Content=”Kemal Ulu”></ListBoxItem>
<ListBoxItem Content=”Ali Erdi”></ListBoxItem>
</ListBox>

Eğer formumuza XAML tarafından değilde TextBox ve Button yardımıyla yapmak istersek şu şekilde yapabiliriz.


  <Grid>
        <ListBox Name="lst1" HorizontalAlignment="Left" Height="245" Margin="58,32,0,0" VerticalAlignment="Top" Width="166"/>
        <TextBox Name="txt1" HorizontalAlignment="Left" Height="23" Margin="281,32,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="120"/>
        <Button Content="Ekle" HorizontalAlignment="Left" Height="29" Margin="281,60,0,0" VerticalAlignment="Top" Width="120" Click="Button_Click"/>
        <Button Content="Sil" HorizontalAlignment="Left" Height="29" Margin="281,94,0,0" VerticalAlignment="Top" Width="120" Click="Button_Click_1"/>

    </Grid>

<Grid>

</Grid>

C# kodları;


        private void Button_Click(object sender, RoutedEventArgs e)
        {
            lst1.Items.Add(txt1.Text);
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            lst1.Items.Remove(lst1.SelectedItem);
            
        }

private void Button_Click(object sender, RoutedEventArgs e)

{

lst1.Items.Add(txt1.Text);

}

private void Button_Click_1(object sender, RoutedEventArgs e)

{

lst1.Items.Remove(lst1.SelectedItem);

}

Görüldüğü üzere Button1′ e tıklandığında TextBox’ a girilen metnin listbox‘ a eklenmesi sağlandı. Button2′ ye basıldığında ise listbox’ta seçili olan elemanın silinmesi gerçekleştirildi.

Şimdi de Formumuza 1 adet textbox ekleyerek listbox’ta tıkladığımız ismin textbox’ ta görünmesini sağlayan Binding işlemi gerçekleştirelim.

<TextBox Name=”tb1″ HorizontalAlignment=”Left” Height=”23″ Margin=”10,224,0,0″ TextWrapping=”Wrap” VerticalAlignment=”Top” Width=”150″>
<TextBox.Text>
<Binding ElementName=”listbox1″ Path=”SelectedItem.Content”></Binding>
</TextBox.Text>
</TextBox>

Sonuçta XAML kodlarımızın tamamı aşağıdaki şekilde olacaktır.

<Window x:Class=”listbox_1.MainWindow” xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation” xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml” Title=”MainWindow” Height=”350″ Width=”525″>
<Grid>
<ListBox Name=”listbox1″ Width=”150″ Height=”200″ Margin=”10,10,357,109″ > <ListBoxItem Content=”Ahmet Cansever”></ListBoxItem>
<ListBoxItem Content=”Burak Uslu”></ListBoxItem>
<ListBoxItem Content=”Kemal Ulu”></ListBoxItem>
<ListBoxItem Content=”Ali Erdi”></ListBoxItem>
</ListBox>
<TextBox Name=”tb1″ HorizontalAlignment=”Left” Height=”23″ Margin=”10,224,0,0″ TextWrapping=”Wrap” VerticalAlignment=”Top” Width=”150″>
<TextBox.Text> <Binding ElementName=”listbox1″ Path=”SelectedItem.Content”></Binding>
</TextBox.Text>
</TextBox>
</Grid>
</Window>

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

Yorum yap X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin