Mahapps Metro Controls: Image d'arrière-plan de tuile

Question

Je veux créer avec Mahapps.Metro un regard frais de Windows 8. J'ai utilisé les éléments <Controls:Tile/>. Voici mon code WPF:

 <Controls:Tile Title="Artikel einstellen" TiltFactor="2" Grid.Column="0" Grid.Row="0" Width="300" Height="150"> 
      <Controls:Tile.Background> 
       <VisualBrush Visual="{StaticResource appbar_add}" /> 
      </Controls:Tile.Background> 
     </Controls:Tile> 
     <Controls:Tile Title="Artikel verkauft" TiltFactor="2" Grid.Column="1" Grid.Row="0" Width="300" Height="150"/> 
     <Controls:Tile Title="Artikel bezahlt" TiltFactor="2" Grid.Column="0" Grid.Row="1" Width="300" Height="150"/> 
     <Controls:Tile Title="Artikel entfernen" TiltFactor="2" Grid.Column="1" Grid.Row="1" Width="300" Height="150"/> 

Maintenant, j'obtenir ce résultat:

Mais je veux quelque chose comme ceci:

J'ai téléchargé le Icons & Resource Package de MahApps .Metro & les a inclus dans le fichier app.xaml avec t son code:

<ResourceDictionary Source="/Resources/Icons.xaml" /> 

Merci pour votre aide!

Answer 1

J'ai trouvé le problème. Je dois créer un <Rectangle/> à l'intérieur du <Tile/> comme ceci:

<Controls:Tile Title="Artikel einstellen" TiltFactor="2" Grid.Column="0" Grid.Row="1" Width="300" Height="150"> 
      <Rectangle Width="50" Height="50"> 
       <Rectangle.Fill> 
        <VisualBrush Visual="{StaticResource appbar_add}" /> 
       </Rectangle.Fill> 
      </Rectangle> 
     </Controls:Tile>