【WPF】ListView 大图标 横向排列效果

 具体xaml代码：

<ListView Name="lstvImage" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding}">
            <ListView.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="添加图片" Name="MenuAdd" Click="MenuAdd_Click"></MenuItem>
                </ContextMenu>
            </ListView.ContextMenu>
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <WrapPanel Orientation="Vertical" Margin="3" DataContext="{Binding}">
                        <Image DataContext="{Binding FileName}" Height="100" Width="100"></Image>
                        <TextBlock Text="{Binding ImgName}" TextAlignment="Center" Width="100"></TextBlock>
                        <WrapPanel.ContextMenu>
                            <ContextMenu>
                                <MenuItem Header="编辑图片" Name="MenuEdit" Click="MenuEdit_Click"></MenuItem>
                                <MenuItem Header="删除图片" Name="MenuDelete" Click="MenuDelete_Click"></MenuItem>
                            </ContextMenu>
                        </WrapPanel.ContextMenu>
                    </WrapPanel>
                </DataTemplate>
            </ListView.ItemTemplate> 
        </ListView>

效果图如下：

转载请注明出处：http://www.yyzq.net/Product?ID=6

作者：Maximus

日期：2013年11月1日