WPF下实现listview大图标效果

<ScrollViewer Height="135" HorizontalAlignment="Center" Name="scrollViewer1" VerticalAlignment="Center" Width="221" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Auto" Margin="304,242,253,184"> <WrapPanel Name="wrapPanel" Width="{Binding ElementName=scrollViewer1, Path=Width, Mode=OneWay}"> <Image Height="50" Name="image1" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image2" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image3" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image4" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> <Image Height="50" Name="image5" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image6" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image7" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image8" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> <Image Height="50" Name="image9" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image10" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image11" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image12" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> </WrapPanel> </ScrollViewer>