ListBox меняет изображение при выборе

У меня есть поле со списком, в котором SelectionMode установлено на Single, а шаблон элемента выглядит следующим образом:

            <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Vertical" Width="100" Margin="10" Cursor="Hand" >
                        <Image Source="/Assets/Images/folder_80closed.png" HorizontalAlignment="Center" />
                        <TextBox Text="{Binding Name}" BorderThickness="0" TextAlignment="Center" HorizontalAlignment="Center"/>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>

Есть ли способ изменить значение свойства изображения Sourceв XAML в зависимости от того, выбран элемент или нет? Что-то вроде рисунка ниже, где выбран пункт 4.

enter image description here

Для этого можно использовать ValueConverters.

Kevin Cook 22.05.2019 13:41
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
1
1
70
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать стиль изображения с DataTrigger для свойства IsSelected текущего ListBoxItem:

<Image HorizontalAlignment="Center">
    <Image.Style>
        <Style TargetType="Image">
            <Setter Property="Source"
                    Value="/Assets/Images/folder_80closed.png"/>

            <Style.Triggers>
                <DataTrigger
                    Binding="{Binding IsSelected,
                             RelativeSource={RelativeSource AncestorType=ListBoxItem}}"
                    Value="True">
                    <Setter Property="Source"
                            Value="/Assets/Images/some_other_image.png"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Image.Style>
</Image>

Да, это именно то, что я искал. Я не мог понять, как сделать эту часть с RelativeSource AncestorType... ура

eren 22.05.2019 13:56

Другие вопросы по теме