A simple ListView example

WPF ListView kontrolü, en basit haliyle oldukça sade bir yapıya sahiptir. Aslında, ona özel görünümler eklemeye başlamadığınız sürece, WPF ListBox'a çok benzer bir görünüme sahip olacaktır. Bu da pek garip değildir, çünkü ListView doğrudan ListBox kontrolünden türetilmiştir. Yani, varsayılan bir ListView aslında farklı bir seçim modu (bunu daha sonra ele alacağız) ile bir ListBox'tan başka bir şey değildir.

Şimdi mümkün olan en sade şekliyle ListView oluşturalım:

<Window x:Class="WpfTutorialSamples.ListView_control.ListViewBasicSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ListViewBasicSample" Height="200" Width="200">
    <Grid>
		<ListView Margin="10">
			<ListViewItem>A ListView</ListViewItem>
			<ListViewItem IsSelected="True">with several</ListViewItem>
			<ListViewItem>items</ListViewItem>
		</ListView>
	</Grid>
</Window>

Bu, neredeyse en basit haliyle, listeyi doldurmak için manuel olarak belirtilen ListViewItem'ları kullanarak ve her öğeyi temsil etmek için yalnızca bir metin etiketiyle - minimum düzeyde bir WPF ListView kontrolüdür.

ListViewItem with an image

WPF'nin görünümsüz yapısı nedeniyle, bir ListViewItem için bir resim belirtmek, sadece bir resim kimliği veya anahtarı atamakla ilgili değildir. Bunun yerine, tam kontrolü ele alırsınız ve hem resmi hem de metni ListViewItem içinde render etmek için gereken kontrol elemanlarını belirlersiniz. İşte bir örnek:

<Window x:Class="WpfTutorialSamples.ListView_control.ListViewBasicSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ListViewBasicSample" Height="200" Width="200">
    <Grid>
		<ListView Margin="10">
			<ListViewItem>
				<StackPanel Orientation="Horizontal">
					<Image Source="/WpfTutorialSamples;component/Images/bullet_green.png" Margin="0,0,5,0" />
					<TextBlock>Green</TextBlock>
				</StackPanel>
			</ListViewItem>
			<ListViewItem>
				<StackPanel Orientation="Horizontal">
					<Image Source="/WpfTutorialSamples;component/Images/bullet_blue.png" Margin="0,0,5,0" />
					<TextBlock>Blue</TextBlock>
				</StackPanel>
			</ListViewItem>
			<ListViewItem IsSelected="True">
				<StackPanel Orientation="Horizontal">
					<Image Source="/WpfTutorialSamples;component/Images/bullet_red.png" Margin="0,0,5,0" />
					<TextBlock>Red</TextBlock>
				</StackPanel>
			</ListViewItem>
		</ListView>
	</Grid>
</Window>

Burada yaptığımız şey oldukça basit. Çünkü ListViewItem, ContentControl sınıfından türetilmiştir, bu nedenle içeriği olarak bir WPF kontrolü belirleyebiliriz. Bu durumda, bir StackPanel kullanıyoruz ve bu panelin içindeki kontrol elemanları olarak bir Image ve bir TextBlock içeriyor.

Summary

Gördüğünüz gibi, XAML içinde manuel olarak bir ListView oluşturmak oldukça basittir, ancak çoğu durumda, ListView verileriniz bir tür veri kaynağından gelir ve bu veriler, çalışma zamanında ListView'de render edilmelidir. Bunu nasıl yapacağımızı bir sonraki bölümde inceleyeceğiz.