更改 MahApps Metro Split ButtoniIcon 大小

Posted 2023-02-22

【中文标题】更改 MahApps Metro Split ButtoniIcon 大小

【英文标题】：Change the MahApps Metro Split ButtoniIcon size

【发布时间】：2015-10-17 15:35:44

【问题描述】：

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

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

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

任何想法如何解决这个问题？

【参考方案1】：

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

例如，您可以放置​​一个带有固定Height 和/或Width 的Rectangle 控件。并将其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-命名空间的别名，在您的项目中可能会有所不同。