Mahapps Metro Controls：平铺背景图片

我想用Mahapps.Metro创建一个很酷的Windows 8外观。我使用了<Controls:Tile/>元素。这里是我的WPF代码：Mahapps Metro Controls：平铺背景图片

 <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"/>

现在我得到这样的结果：

但我想是这样的：

我下载MahApps的Icons & Resource Package .Metro &将它们包含在app.xaml文件中，其中t他的代码：

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

感谢您的帮助！

来源

2015-08-28 Name

我发现了这个问题。我必须在<Tile/>这样的内部创建一个<Rectangle/>像这样：

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

来源

2015-08-28 19:45:19 Name

Mahapps Metro Controls：平铺背景图片

回答

相关问题