Wpf ListView展示风格

ListView数据绑定控件，通常是竖列展示，也可以通过改变ListView的布局来改变它的展示方式

如图展示：

主要需用修改的样式如下：

   <!--GridView Header样式 去除Gridview自带的Header框-->
         <Style TargetType="{x:Type GridViewColumnHeader}" >
             <Setter Property="HorizontalContentAlignment" Value="Center"/>
             <Setter Property="FrameworkElement.Visibility" Value="Hidden"/>
             <Setter Property="Height" Value=""></Setter>
         </Style>
         <!--ListView 布局样式 使图片可以横向展示-->
         <Style  TargetType="{x:Type ListView}" >
             <Setter Property='ItemsPanel'>
                 <Setter.Value>
                     <ItemsPanelTemplate>
                         <WrapPanel  Width="{Binding (FrameworkElement.ActualWidth), RelativeSource={RelativeSource   AncestorType=ScrollContentPresenter}}"></WrapPanel>
                     </ItemsPanelTemplate>
                 </Setter.Value>
             </Setter>
          </Style>

         <!--ListView Item样式和点击后样式模板-->
         <ControlTemplate x:Key="ListViewItemTemplate" TargetType="ListBoxItem">
             <Border Name="Border">
                 <StackPanel>
                     <GridViewRowPresenter>
                     </GridViewRowPresenter>
                 </StackPanel>
             </Border>
             <ControlTemplate.Triggers>
                 <Trigger Property="IsSelected" Value="true">
                     <Setter TargetName="Border"  Property="Background" Value="#ffffff"/>
                 </Trigger>
                 <Trigger Property="IsMouseOver" Value="True">
                     <Setter TargetName="Border"  Property="Background" Value="#ffffff"/>
                 </Trigger>
             </ControlTemplate.Triggers>
         </ControlTemplate>
         <!--ListView Item样式和点击后样式-->
         <Style x:Key="{x:Type ListViewItem}"  TargetType="ListViewItem">
             <Setter Property="Template" Value="{StaticResource ListViewItemTemplate}"/>
             <Setter Property="FocusVisualStyle" Value="{x:Null}"></Setter>
         </Style>

Xaml代码如下：

<!-- ListView 中的ScrollViewer.HorizontalScrollBarVisibility="Disabled" 代码的意思是为了让WrapPanel 可以自带换行--> 

<ListView Name="LCon" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                            <ListView.View>
                                <GridView >
                                    <GridView.Columns>
                                        <GridViewColumn >
                                            <GridViewColumnHeader></GridViewColumnHeader>
                                            <GridViewColumn.CellTemplate>
                                                <DataTemplate>
                                                    <StackPanel Margin="10 20 0 0" >
                                                        <Border Width="" Height="" Name="Bor_Movie1" >
                                                            <Border.Background>
                                                                <ImageBrush ImageSource="{Binding MovieImageUrl}"></ImageBrush>
                                                            </Border.Background>
                                                        </Border>
                                                        <Label MaxWidth=""  Margin="0,10,0,0" >
                                                            <TextBlock TextWrapping="Wrap" TextAlignment="Center" FontSize="" FontWeight="Bold" Text="{Binding Movie_Tilte}" Height="" Width=""></TextBlock>
                                                        </Label>
                                                    </StackPanel>
                                                </DataTemplate>
                                            </GridViewColumn.CellTemplate>
                                        </GridViewColumn>
                                    </GridView.Columns>
                                </GridView>
                            </ListView.View>
                        </ListView>