我正在尝试使用 MahApps.Metro 0.13.1.0 在窗口标题栏中添加“刷新”按钮。

我的 App.xaml 是这样的：

<Application x:Class="VersionSwitcher.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="Views/MainWindow.xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             d1p1:Ignorable="d"
             xmlns:d1p1="http://schemas.openxmlformats.org/markup-compatibility/2006">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
                <ResourceDictionary Source="/Resources/Icons.xaml" />
            </ResourceDictionary.MergedDictionaries>
            <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" xmlns:vm="clr-namespace:VersionSwitcher.ViewModel" />
        </ResourceDictionary>
    </Application.Resources>
</Application>

然后在我的 MainWindow.xaml 中：

<Controls:MetroWindow.WindowCommands>
    <Controls:WindowCommands>
        <Button ToolTip="{x:Static p:Resources.Button_Refresh}"
                Style="{DynamicResource MetroCircleButtonStyle}" Width="30" Height="30">
                <Rectangle Fill="Black">
                    <Rectangle.OpacityMask>
                        <VisualBrush Stretch="Fill"
                                     Visual="{DynamicResource appbar_refresh}" />
                    </Rectangle.OpacityMask>
                </Rectangle>
        </Button>
    </Controls:WindowCommands>
</Controls:MetroWindow.WindowCommands>

我在标题栏中看到一个灰色圆圈，但没有图标！任何图标（来自 Resources/Icons.xaml）都执行相同的操作。

如果图标放置在窗口内容而不是标题栏中，它会执行相同的操作。

我错过了什么？

Thanks !

Update

我发现设置矩形的宽度和高度会显示图标。我必须做什么才能始终填充按钮？

你看不到它是因为Rectangle其大小为 0ActualWidth and ActualHeight你可以通过查看Snoop http://snoopwpf.codeplex.com/

如果您在评论中提到的对 WPF 不太了解，请先熟悉 Snoop。很棒的工具，可以让您免去很多令人头疼的时刻:)

所以用简单的英语来说，我们添加一个Rectangle as the Content of a Button。现在按钮有一些尺寸。然而，矩形不会，因此最终为 0。如果它是一些文本，它将获得隐式大小。

因此，要对其进行排序，请为矩形指定合适的宽度/高度。

如果您希望矩形的大小与按钮的大小相同，则可以使用宽度和高度的相对源绑定来从按钮获取它。然而，在您的情况下，它是一个已经使用椭圆的样式按钮，因此需要一些填充。

来自 github 的 MahApps.Metro:

ButtonsExample.xaml https://github.com/MahApps/MahApps.Metro/blob/master/samples/MetroDemo/ExampleViews/ButtonsExample.xaml#l129-l141

显示他们建议的方法：（显式大小小于父按钮的内容）

<Button Width="50"
        Height="50"
        Margin="0, 10, 0, 0"
        Style="{DynamicResource MetroCircleButtonStyle}">
    <Rectangle Width="20"
                Height="20"
                Fill="{Binding Path=Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}">
        <Rectangle.OpacityMask>
            <VisualBrush Stretch="Fill"
                          Visual="{DynamicResource appbar_city}" />
        </Rectangle.OpacityMask>
    </Rectangle>
</Button>