3

Как при нажатии на кнопку, поменять картинку в image используя только XAML? Задача стоит такая, как я могу при нажатии на кнопку, передать в image картинку, которая помещена у меня в кнопку? Вот код кнопки:

<Button Width="150"
        Height="150"
        Name="Male"
        Margin="0,0,10,0">
        <Image Source="/Resource/male-icon.png"/>
</Button>

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

Окно программы

1 ответ 1

5

Можно, конечно.

Например, так:

<Border Padding="10" Margin="4" BorderThickness="1" BorderBrush="Gray"
        Height="210" Width="210">
    <Image Source="{Binding SelectedItem.Source, ElementName=ImageChooser}"/>
</Border>
<ListBox HorizontalAlignment="Center" x:Name="ImageChooser" BorderThickness="0">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <Image Source="Resources/male.png" Width="64" Margin="4"/>
    <Image Source="Resources/female.png" Width="64" Margin="4"/>
</ListBox>

Получается вот что:

ну как же без картинки-то?

Однако, я бы на вашем месте не увлекался выносом бизнес-логики в разметку, а честно создал бы VM-классы, и привязывался к ним.

2
  • Спасибо большое) 1 фев 2021 в 14:07
  • @ДмитрийПафос: Пожалуйста!
    – VladD
    1 фев 2021 в 21:45

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.