none
WPF - Mudar imagem quando clicar RRS feed

  • Pergunta

  • Pessoal, alguém sabe qual é o comando em WPF para mudar a imagem do botão quando clicar ou quando passar o mouse?

    Obrigada.

    quinta-feira, 28 de maio de 2015 16:48

Todas as Respostas

  • Boa tarde amigo,

    Vou tentar ajudar você,

    No botão há um evento chamado IsMouseOver que é ativado quando o usário passa o mouse sobre o botão.

    Utilize esse evento para fazer o que precisa,

    Segue um exemplo:

    <Style TargetType="{x:Type Button}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Button">
                                <Grid Background="DarkOrange">
                                    <Grid Margin="2" Background="White">
                                        <DockPanel>
                                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Content="{TemplateBinding Content}"/>
                                        </DockPanel>
                                    </Grid>
                                </Grid>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>

    Nesse caso eu não coloquei uma imagem, mas pode utilizar esse como exemplo


    sexta-feira, 29 de maio de 2015 16:24
  • Boa tarde, a solução do Jeferson funciona perfeitamente também, abaixo segue um solução sem alterar o Template do botão

    <Button x:Name="meuBotao">
                <Image Source="caminhoImagemAtual">
                    <Image.Style>
                        <Style TargetType="Image">
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsMouseOver, ElementName=meuBotao}">
                                    <Setter Property="Source" Value="caminhoOutraImagen"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Image.Style>
                </Image>
            </Button>

    Espero ter ajudado.

    sexta-feira, 12 de junho de 2015 20:49