MahApps.Metro图标没有显示

Question

我正在尝试使用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）都做同样的事情。

如果图标放在窗口内容而不是标题栏中，它会做同样的事情。

我错过了什么？

谢谢！

更新

我发现为Rectangle设置宽度和高度会显示图标。如何随时填写按钮我该怎么做？

Answer 1

Rectangle ActualWidth的大小为0 ActualHeight和Rectangle，您可以通过Snoop

看到Content

如果您对评论中提到的WPF了解不多，请熟悉Snoop。一个伟大的工具，可以让你免受许多头痛的困扰：）

因此，在简单的英语中，我们添加Button作为<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> 的{​​{1}}。现在按钮有一些尺寸。然而，Rectangle不会，因此最终得到0.如果是某些文本，它将获得隐式大小。

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

如果希望Rectangle为Button的大小，可以使用RelativeSource Binding作为Width和Height从按钮获取它。但是在你的情况下它是一个Styled按钮，它已经使用了一个椭圆，所以它需要一些填充。

来自github的MahApps.Metro ：

ButtonsExample.xaml

显示了他们建议的方法:(显式大小小于父按钮的内容）

{{1}}