更改MahApps地铁拆分ButtoniIcon大小

Question

我想使用这里描述的拆分按钮控件：

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

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

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

Answer 1

SplitButton从MahApps.Metro有一个属性IconTemplate。对于此属性，您可以指定DataTemplate，您可以添加几乎任意的内容，这些内容将代替图标本身。

例如，您可以将Rectangle控件与固定的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> 

controls是为MahApps.Metro - 命名的别名，并在您的项目可能会有所不同。