Skip to main content
4 de 4
adicionou 29 caracteres ao conteúdo
gregoryp
  • 2,5mil
  • 1
  • 13
  • 28

Definindo imagem pelo XAML

Você está utilizando as barras ao contrário. O correto seria:

<Image  
    Width="60"
    Height="60"
    Stretch="Fill"
    Source="/Images/Tiles/clientes.png" />

É possível também criar um Resource para as imagens e depois utilizá-las como um StaticResource.

Dentro da tag ResourceDictionary do arquivo App.xaml adicione:

<BitmapImage x:Key="ImagemCliente" UriSource="/Images/Tiles/clientes.png" />

E na sua imagem use dessa forma:

<Image  
    Width="60"
    Height="60"
    Stretch="Fill"
    Source="{StaticResource ImagemCliente}" />

Dessa forma o código do seu layout fica mais limpo e se for usar a imagem em mais de um lugar por exemplo, quando quiser modificá-la, você terá que alterar em apenas um local.

Definindo imagem através de Binding

Crie uma propriedade do tipo ImageSource na sua classe, que será usada para guardar a imagem desejada. Assumindo que a propriedade utilizada seja Caminho, então a definição da imagem na propriedade se daria da seguinte forma:

seuObjeto.Caminho = new BitmapImage(new Uri("pack://application:,,,/Images/Tiles/clientes.png"))

E o binding pelo XAML:

<Image  
    Width="60"
    Height="60"
    Stretch="Fill"
    Source="{Binding Caminho}" />

Não sei como você definiu a estrutura de binding no seu projeto, então apenas coloquei a propriedade que deverá ser feita o binding. Dependendo da sua arquitetura, o binding pode ser diferente, mas a ideia é a mesma.

.NET 4.5

Se você estiver utilizando .NET 4.5 e os caminhos informados anteriormente não funcionarem, você terá que utilizar o caminho completo da imagem. Isso se deve ao fato de que a Microsoft fez modificações significativas nessa versão do .NET e "estragou" algumas coisas.

<Image Source="pack://application:,,,/AssemblyName;component/Images/Tiles/clientes.png">
gregoryp
  • 2,5mil
  • 1
  • 13
  • 28