WPF: Botões com Imagens

Outra dica para modificar os botões de comando é como inserir uma imagem nos controles Button. Diferentemente das aplicações WindowsForms, os botões de comando do WPF não possuem uma propriedade Picture, mas assim como outros controles do WPF, o desenvolvedor pode inserir praticamente tudo dentro de um botão. Desta forma, podemos construir nosso botão com imagem e texto facilmente.  


Observe atentamente que utilizei um StackPanel para agrupar os controles Image e Label. Isto é necessário porque a propriedade Content do botão, que é responsável por armazenar o conteúdo que será exibido, não suporta mais de um controle, porém, o StackPanel é visto como um único controle do tipo container e dentro dele você pode colocar todo conteúdo desejado. Você também pode alterar a propriedade Orientation do StackPanel para Horizontal colocando assim a imagem ao lado do texto e não sobre ele como mostra o exemplo. A figura a seguir apresenta o código XAML para esta dica.



Na seqüência observe o botão em execução.


3 thoughts on “WPF: Botões com Imagens”

  1. Boma Dia Carlos ,

    Bem estou fazendo uma aplicação WPF Windows Form e não consigo colocar imagem nos botões , vi seu exemplo mas na minha aplicação dá erro … saberia como me ajudar ???

  2. Olá a todos

    Estou fazendo um aplicativo em WPF que tem botões com imagens, contudo o que eu quero agora aplicar é ao ser clicado no botão ele mudar de imagens e se for novamente clicado voltar á imagem anterior. Imagine o seu exemplo, ao clicar no botão ele mostrava uma lampada desligada e se volta-se a clicar no botão ele ia mostrar uma imagem com a lampada ligada. dá para fazer isso? se sim pode explicar como ?

  3. Olá José Antunes, desculpe-me a demora para responder seu post. Estive ausente nas últimas semanas. Eu elaborei um artigo para ilustrar sua dúvida com botões no WPF, espero que ajude. Este artigo estará disponível no DevBrasil.NET, aqui no meu blog, e você também pode fazer o download no formato PDF no endereço: http://cid-b875d38ceefaa09f.office.live.com/self.aspx/.Public/Artigos/ExemploWPFImageButton.pdf e também do código-fonte no endereço: http://cid-b875d38ceefaa09f.office.live.com/self.aspx/.Public/Artigos/ExemploWPFImageButton.rar.

    Abraços!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>