Carlos Mattos

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.

Posted: Sun, Mar 14 2010 19:28 by Carlos Mattos | with 3 comment(s)
Filed under: , ,

Comments

Ricardo said:

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 ???

# August 13, 2010 8:50 AM

José Antunes said:

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 ?

# March 5, 2011 8:42 AM

Carlos Mattos said:

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: cid-b875d38ceefaa09f.office.live.com/.../ExemploWPFImageButton.pdf e também do código-fonte no endereço: cid-b875d38ceefaa09f.office.live.com/.../ExemploWPFImageButton.rar.

Abraços!

# March 19, 2011 4:09 PM
Leave a Comment

(required) 

(required) 

(optional)
 

(required) 

If you can't read this number refresh your screen
Enter the numbers above: