WPF MahApps.Metro DropDownButton 隐藏箭头答案

【问题标题】：WPF MahApps.Metro DropDownButton hide arrowWPF MahApps.Metro DropDownButton 隐藏箭头
【发布时间】：2017-08-29 20:57:28
【问题描述】：

是否可以在 MahApps.Metro DropDownButton 上隐藏“箭头”？

现在看起来像这样：

这是代码：

<controls1:DropDownButton
    VerticalContentAlignment="Center"

    Orientation="Vertical"
    DisplayMemberPath="Text"
    ItemsSource="{Binding MenuItems }">
    <controls1:DropDownButton.Style>
        <Style TargetType="controls1:DropDownButton">
            <Setter Property="Content">
                <Setter.Value>
                    <Image Source="{StaticResource More}"></Image>
                </Setter.Value>
            </Setter>
        </Style>
    </controls1:DropDownButton.Style>
    <controls1:DropDownButton.ItemContainerStyle>
        <Style TargetType="MenuItem">
            <Setter Property="Command" Value="{Binding Path=Command}" />
        </Style>
    </controls1:DropDownButton.ItemContainerStyle>
</controls1:DropDownButton>

可以去掉这个“箭头”吗？

我尝试替换 Template 但这删除了 DropDown 的功能。

【问题讨论】：

您可能必须为下拉菜单使用自定义模板。见：eidias.com/Blog/2012/2/20/customizing-wpf-combo-box-style
我也认为您可以将图像设置为该控件的图标属性，因此您不需要设置内容属性。
我主要关心的是从按钮中删除这个箭头

标签： c# wpf mahapps.metro

【解决方案1】：

您可以将 ArrowVisibility 属性设置为折叠

 <controls:DropDownButton Name="__BtExitApp"
                                         Orientation="Vertical"
                                         Content="Quit"                                                                           
                                 Grid.Column="2"
                                 x:FieldModifier="public"   
                                 Grid.Row="0" Grid.ColumnSpan="1" Margin="2,2,2,2"
                                 ArrowVisibility="Collapsed"
                                 >

【讨论】：

【解决方案2】：

通常，更改第三方样式最简单的方法是使用原始样式（或模板）并自行覆盖它。您可能需要这样做，因为我没有看到在其源代码中隐藏箭头的属性。

https://github.com/MahApps/MahApps.Metro/blob/master/MahApps.Metro/Themes/DropDownButton.xaml

也许您还可以使用附加属性并尝试隐藏元素（因为它是 TemplatePart）。

【讨论】：