Showing items as images in a WPF ListView

Question

So I have binded a List to a ListView where the List has items of type Album, where it has lots of properties including <

Answer 1

In xaml you'd define a DataTemplate in your Listview's ItemTemplate that uses an Image, binding it's Source property to a path on your file sysem.

In other words, Cover can be of type string, a file path. If you want to scale, a pretty simple way is a ViewBox, which scales all it contains. However, Image itself probably has options to do scaling.

Answer 2

1. ImageSource
2. ImageSource myImageSource = new BitmapImage(new Uri(@"file://C:... something.jpg"));

3. Specify a data template for the items in the ListView's ItemTemplate property:

   <Window.Resources>
       <DataTemplate x:Key="ItemTemplate">
           <StackPanel Orientation="Horizontal">
               <Image Width="10" Height="10" Stretch="Fill" Source="{Binding Cover}"/>
           <Label Content="{Binding Title}" />
           </StackPanel>
       </DataTemplate>
   </Window.Resources>
   
   <Grid x:Name="grid">
       <ListView ItemTemplate="{StaticResource ItemTemplate}" ItemsSource="{Binding Albums}" />
   </Grid>