更改 MahApps Metro Split ButtoniIcon 大小

Question

我正在尝试使用此处描述的拆分按钮控件：

http://mahapps.com/controls/split_dropdownbutton.html

我还在使用带有图标集的 MahApps 资源包。我想将控件的大小重新调整为 40px 的高度，但图标保持其原始高度 76px，导致它被裁剪，如下所示。

有什么办法解决这个问题吗？

Answer 1

来自 MahApps.Metro 的 SplitButton 有一个名为 IconTemplate 的属性。您可以为此属性分配一个 DataTemplate，您可以在其中添加几乎任意的内容，这些内容将取代图标本身。

例如，您可以将 Rectangle 控件固定为 Height and/or Width。并将其 OpacityMask 设置为您想要的图标，将以较小的尺寸显示图标。

在 XAML 中看起来像这样：

<controls:SplitButton Orientation="Horizontal">
<controls:SplitButton.IconTemplate>
    <DataTemplate>
        <Rectangle VerticalAlignment="Center" Height="35" Width="35" Fill="{DynamicResource BlackColorBrush}">
            <Rectangle.OpacityMask>
                <VisualBrush Visual="{StaticResource appbar_globe}" />
            </Rectangle.OpacityMask>
        </Rectangle>
    </DataTemplate>
</controls:SplitButton.IconTemplate></controls:SplitButton>

controls 是 MahApps.Metro-命名空间的别名，在您的项目中可能有所不同。

更改 MahApps Metro Split ButtoniIcon 大小

Change the MahApps Metro Split ButtoniIcon size

wpf

xaml

mahapps.metro