Mahapps.Metro：IconPacksをコード内のボタンに割り当てる

Question

Mahapps.Metro.IconPacksのアイコンを長方形に、テキストのボタンにそれぞれ割り当てようとしています。

新しいアイコンパックを使用するにはどうすればよいですか？

効果的に私はMahapps.Metro.IconPacks.PackIconModernKindをVisualBrushまたはキャンバスに変換する必要があります。実際にはボタンに配置するために使用できます。

ご協力いただきましてありがとうございます。

おかげ

Answer 1

あなたはボタンの内容やGrid状の容器に直接任意のIconPackコントロールを配置することができます。

XAMLの道

<Button Content="Test"> 
    <Button.ContentTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 
       <iconPacks:PackIconMaterial Kind="Cookie" 
              Margin="4 4 2 4" 
              Width="24" 
              Height="24" 
              VerticalAlignment="Center" /> 
       <TextBlock Text="{Binding}" 
          Margin="2 4 4 4" 
          VerticalAlignment="Center" /> 
      </StackPanel> 
     </DataTemplate> 
    </Button.ContentTemplate> 
</Button> 

または

<Button> 
    <StackPanel Orientation="Horizontal"> 
     <iconPacks:PackIconMaterial Kind="Cookie" 
            Margin="4 4 2 4" 
            Width="24" 
            Height="24" 
            VerticalAlignment="Center" /> 
     <TextBlock Text="Test" 
        Margin="2 4 4 4" 
        VerticalAlignment="Center" /> 
    </StackPanel> 
</Button> 

XAMLバージョン2

var stackPanel = new StackPanel() { Orientation = Orientation.Horizontal }; 
var packIconMaterial = new PackIconMaterial() 
{ 
    Kind = PackIconMaterialKind.Cookie, 
    Margin = new Thickness(4, 4, 2, 4), 
    Width = 24, 
    Height = 24, 
    VerticalAlignment = VerticalAlignment.Center 
}; 
stackPanel.Children.Add(packIconMaterial); 
var textBlock = new TextBlock() 
{ 
    Text = "Test", 
    Margin = new Thickness(2, 4, 4, 4), 
    VerticalAlignment = VerticalAlignment.Center 
}; 
stackPanel.Children.Add(textBlock); 
this.TestButton.Content = stackPanel; 

・ホープ、このことができますの方法の背後にあるコード。