WPF下实现listview大图标效果

 1 <ScrollViewer Height="135" HorizontalAlignment="Center" Name="scrollViewer1" VerticalAlignment="Center" Width="221" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Auto" Margin="304,242,253,184">
 2             <WrapPanel Name="wrapPanel"  Width="{Binding ElementName=scrollViewer1, Path=Width, Mode=OneWay}">
 3             <Image Height="50" Name="image1" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" />
 4             <Image Height="50" Name="image2" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" />
 5             <Image Height="50" Name="image3" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" />
 6             <Image Height="50" Name="image4" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" />
 7                 <Image Height="50" Name="image5" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" />
 8                 <Image Height="50" Name="image6" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" />
 9                 <Image Height="50" Name="image7" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" />
10                 <Image Height="50" Name="image8" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" />
11                 <Image Height="50" Name="image9" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" />
12                 <Image Height="50" Name="image10" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" />
13                 <Image Height="50" Name="image11" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" />
14                 <Image Height="50" Name="image12" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" />
15             </WrapPanel>
16        </ScrollViewer>