在流畅带按钮中设置xaml图标

Question

我使用流带和马哈普斯作为我的图形用户界面，并希望在我的丝带中有一个图标按钮。我想使用像这这样的xaml图标(而不是文件)。所以我需要设置路径在fluent:按钮。我尝试了以下操作，但它不起作用- Button是空的(没有文本，也没有显示图标)：

<fluent:Button Name="Test">
    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Center">
        <Path Width="40" Height="40" Stretch="Uniform" UseLayoutRounding="False" Fill="Black" Data="..."/>
        <TextBlock><Run Text="Test Button"/></TextBlock>
    </StackPanel>
</fluent:Button>

更新

以下是完整的代码：

<Controls:MetroWindow  x:Class="RibbonTestProj.View.RibbonTest"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls"
        xmlns:fluent="urn:fluent-ribbon"
        Title="Ribbon Test" Height="474" Width="849" MinHeight="300" MinWidth="400" >
    <Grid>
        <fluent:Ribbon CanMinimize="False" CanQuickAccessLocationChanging="False" AutomaticStateManagement="false"
                       x:Name="ribbon">
            <fluent:RibbonTabItem   x:Name="test1TabItem"
                                    Header="Test1"
                                    KeyTip="I">
                <fluent:RibbonGroupBox Header="Group1" Height="84" Width="248" TabIndex="0">
                    <fluent:Button Name="Test">
                        <StackPanel VerticalAlignment="Stretch"
                                HorizontalAlignment="Center">
                            <Path Width="40"
                                Height="40"
                                Stretch="Uniform"
                                Fill="Black"
                                Data="M 10,100 C 10,300 300,-200 300,100" />
                            <TextBlock><Run Text="Test Button" /></TextBlock>
                        </StackPanel>
                    </fluent:Button>
                </fluent:RibbonGroupBox>
                <fluent:RibbonGroupBox Header="Group2" VerticalAlignment="Stretch" Height="84" Width="98" TabIndex="1">
                </fluent:RibbonGroupBox>
            </fluent:RibbonTabItem>
            <fluent:RibbonTabItem   x:Name="test2TabItem"
                                    Header="Test2"
                                    KeyTip="O">
            </fluent:RibbonTabItem>
        </fluent:Ribbon>
    </Grid>
</Controls:MetroWindow>

在这里，它是什么样子(按钮在那里，我可以点击它，但没有文字和图标)

​

​

Answer 1

抱歉反应太晚了。我花了一些时间才使图书馆运转起来。似乎您可以设置LargeIcon

<fluent:Button Name="Test">
    <fluent:Button.LargeIcon>
        <Path Width="40"
                Height="40"
                Stretch="Uniform"
                Fill="Black"
                Data="M 10,100 C 10,300 300,-200 300,100" />
    </fluent:Button.LargeIcon>
    Test Button 1
</fluent:Button>

不要忘记:您可以始终提取控件的默认模板。您可以查看控件是如何在内部构建的。如何在Visual中提取默认控制模板？