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

但是以这种方式使用 Tag 是行不通的(@mm8在这篇文章中建议使用工作的静态版本，WPF 在模板中绑定 mahapps metro 图标(。如何将这些动态对象绑定到样式表？我应该使用转换器吗？还是有其他更简单的方法？

谢谢。

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