更改MahApps Metro Split ButtoniIcon尺寸

Question

我试图使用此处描述的分割按钮控件：

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

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

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

Answer 1

来自SplitButton的{​​{1}}有一个名为MahApps.Metro的属性。对于此属性，您可以指定IconTemplate，然后您可以添加几乎任意内容，这些内容将替换为图标本身。

例如，您可以使用固定DataTemplate和/或Rectangle的{​​{1}}控件。并将其Height设置为您想要的图标，将以较小的尺寸显示图标。

在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> - 命名空间的别名，可能在您的项目中有所不同。