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

来源：互联网发布：第一届大数据教育论坛编辑：程序博客网时间：2024/04/30 14:22

具体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日

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

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