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：平鋪背景圖片

回答

相關問題