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

浪迹姑苏2021

已于 2024-01-18 12:58:45 修改

阅读量556

点赞数 11

文章标签： wpf

于 2024-01-18 12:57:15 首次发布

本文链接：https://blog.csdn.net/weixin_42295290/article/details/135671535

版权

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

<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日
————————————————
版权声明：本文为CSDN博主「知擎物联」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sqqyq/article/details/14519019