WPF: как показать несколько изображений для предварительного просмотра в виде списка и значок на каждом изображении в нижней части позволяет пользователю удалить

Введите описание изображения здесь
Я хочу показать изображения в виде списка таким образом, я могу показать их в виде списка. Пожалуйста, помогите мне в том, как добавить значок на изображении .

Ниже мой код представления списка и связывать изображения динамически, пожалуйста вывешивает любой образец горячий для того чтобы показать метку креста на моем изображении, на случае щелчка я могу удалить изображение

1 ответ

  1. Извините за поздний ответ, но я был очень занят на работе.
    То, что вы хотите сделать, это создать ControlTemplateс вашей Imageвнутренней его.
    Теперь ваш ListViewдолжен использовать этот шаблон для отображения контента, как так:

    <ListView ItemsSource="{Binding Items}" SelectedItem="{Binding SelectedItem}">
        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="OverridesDefaultStyle" Value="True"/>
                <Setter Property="Template" Value="{StaticResource ctModules}"/>
            </Style>
        </ListView.ItemContainerStyle>
    </ListView>
    

    где ваш шаблон должен выглядеть примерно так:

    <ControlTemplate x_Key="ctModules">
        <Grid Height="150" Width="150">
            <Image Source="{Binding url}"/>
            <Image Source="{Binding PathToYourRedCrossImage}" Width="32" Height="32" MouseLeftButtonDown="Image_MouseLeftButtonDown" HorizontalAlignment="Right" VerticalAlignment="Bottom"/>
        </Grid>
    </ControlTemplate>  
    

    Где Image_MouseLeftButtonDown выглядит следующим образом:

    private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        //your logic here
    }