WPF如何将mahapps图标动态对象绑定到按钮模板样式

Question

我想动态设置按钮的图标。当我使用mahapps图标我有这样的事情：

<Button x:Name="btnTest" Style="{StaticResource AppButton}" Content="Website" Tag="{iconPacks:PackIconMaterial Kind=Web}"/> 

和风格/模板

<ControlTemplate TargetType="{x:Type Button}" > 
    <StackPanel Name="ButtonGrid" RenderTransformOrigin="0.5,0.5" DataContext="{Binding RelativeSource={RelativeSource AncestorType=Button}}"> 
     <Rectangle Width="48" Height="48" Fill="{Binding Foreground}"> 
      <Rectangle.OpacityMask> 
       <VisualBrush Stretch="Fill" Visual="{Binding Tag}" /> 
      </Rectangle.OpacityMask> 
     </Rectangle> 
     <TextBlock Text="{Binding Path=Content, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}"/> 
    </StackPanel> 
</Control.Template> 

，我通过这个代码通过建立VB.NET的图标：

Private Sub ShowAppsTest() 

     Dim _style As Style = Me.FindResource("AppButton") 

     Test.Children.Clear() 
     For Each app As UserApplication In _user.applications 

      Dim btn As New MyApplicationButton(app.ApplicationName, app.ApplicationPath, app.ApplicationArgs, app.ApplicationIcon) 
      btn.Content = app.ApplicationName & "_test" 
      btn.Style = _style 
      Dim materialIcon As New PackIconSimpleIcons() With {.Kind = PackIconMaterialKind.Cube, .Width = 48, .Height = 48} 
      btn.Tag = materialIcon 

      AddHandler btn.Click, AddressOf launchApp 

      Test.Children.Add(btn) 

     Next 

    End Sub 

但这种方式使用标签不工作（一个工作的静态版本@ mm8在这篇文章WPF binding mahapps metro icons in template）。 如何将这些动态对象绑定到样式表？我应该使用转换器吗？还是有另一种更简单的方法？

谢谢。

Answer 1

如果你稍微修改模板：

<ControlTemplate TargetType="{x:Type Button}" > 
    <StackPanel Name="ButtonGrid" RenderTransformOrigin="0.5,0.5" DataContext="{Binding RelativeSource={RelativeSource AncestorType=Button}}"> 
     <Rectangle Width="48" Height="48" Fill="{Binding Foreground}"> 
      <Rectangle.OpacityMask> 
       <VisualBrush Stretch="Fill"> 
        <VisualBrush.Visual> 
         <iconPacks:PackIconMaterial Kind="{Binding Tag, RelativeSource={RelativeSource AncestorType=Button}}" 
                Width="24" Height="24" /> 
        </VisualBrush.Visual> 
       </VisualBrush> 
      </Rectangle.OpacityMask> 
     </Rectangle> 
     <TextBlock Text="{Binding Path=Content, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}"/> 
    </StackPanel> 
</ControlTemplate> 

...你可以在Tag属性设置为枚举值：

<Button x:Name="btnTest" Style="{StaticResource AppButton}" Content="Website" Tag="{x:Static iconPacks:PackIconMaterialKind.Web}" /> 

---

Dim btn As New MyApplicationButton(app.ApplicationName, app.ApplicationPath, app.ApplicationArgs, app.ApplicationIcon) 
... 
btn.Tag = PackIconMaterialKind.Cube