WPF 工具栏中 OverFlowButton 的颜色

Question

有问题。当我更改 WPF 工具栏的背景颜色时，右上角的溢出按钮不会改变颜色。如何修复它？

例子： 替代文本 http://biztimes.ru/toolbar.jpg

Answer 1

不幸的是，溢出按钮有固定的背景。更准确地说，它在默认模板中设置为静态值。请参阅此 MSDN 论坛主题 或 MSDN（如果您想获取他们。或者 Chris Sells 提供的这个工具

在模板中，您会看到一个 ToggleButton，它用于显示/隐藏溢出面板。需要更改这一点才能达到您想要的效果。

因此，您的问题的答案是您需要在 XAML 中包含工具栏的完整样式，并将按钮的背景更改为与工具栏的其余部分相同。

Answer 2

我遇到了你上面描述的同样的问题。我的解决方案如下：

using System.Windows.Controls.Primitives;
using System.Windows.Media;

namespace WPF.Controls
{
    public class ToolBar : System.Windows.Controls.ToolBar
    {
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            var overflowPanel = base.GetTemplateChild("PART_ToolBarOverflowPanel") as ToolBarOverflowPanel;
            if (overflowPanel != null)
            {
                overflowPanel.Background = OverflowPanelBackground ?? Background;
                overflowPanel.Margin = new Thickness(0);
            }
        }

        public Brush OverflowPanelBackground
        {
            get;
            set;
        }
    }
}

XAML 示例：

<Window
    x:Class="WPF.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:src="clr-namespace:WPF.Controls">

<ToolBarTray Background="White">
    <wpf:ToolBar Background="Pink" OverflowPanelBackground="Peru" Band="1" BandIndex="1" Width="50">
        <Button Content="Cut" />
        <Button Content="Copy" />
        <Button Content="Paste" />
    </wpf:ToolBar>
    <wpf:ToolBar Background="Aqua" Band="2" BandIndex="1" Width="70">
        <Button Content="Undo" />
        <Button Content="Redo" />
    </wpf:ToolBar>
    <wpf:ToolBar OverflowPanelBackground="Yellow" Band="2" BandIndex="2" Width="100">
        <Button Content="Paint"/>
        <Button Content="Spell"/>
        <Separator/>
        <Button Content="Save"/>
        <Button Content="Open"/>
    </wpf:ToolBar>
</ToolBarTray>

</Window>

Answer 3

亚历克斯的回答很好。修改OverflowButton和OverflowPanel颜色的另一种方法是在loaded事件中修改它们。

XAML

<ToolBar Loaded="ToolBar_Loaded">

代码隐藏：

private void ToolBar_Loaded(object sender, RoutedEventArgs e)
{
    ToolBar toolBar = sender as ToolBar;
    var overflowGrid = toolBar.Template.FindName("OverflowGrid", toolBar) as Grid;
    if (overflowGrid != null)
    {
        overflowGrid.Background = Brushes.Red;
    }

    var overflowButton = toolBar.Template.FindName("OverflowButton", toolBar) as ToggleButton;
    if (overflowButton != null)
    {
        overflowButton.Background = Brushes.Red;
    }

    var overflowPanel = toolBar.Template.FindName("PART_ToolBarOverflowPanel", toolBar) as ToolBarOverflowPanel;
    if (overflowPanel != null)
    {
        overflowPanel.Background = Brushes.Red;
    }
}

名称（OverflowGrid、OverflowButton 和 PART_ToolBarOverflowPanel）可以在默认控件模板中找到，该模板可以从 WPF 的 GitHub 页面下载。

Answer 4

Alex Padabed 的答案很接近，但根据 OP 错过了下拉按钮。您可以通过添加以下内容来解决此问题：

public Brush OverflowButtonBackground { get; set; }

protected override void OnRenderSizeChanged(SizeChangedInfo sizeInfo)
{
    // as per Alex's answer

    ToggleButton overflowButton = this.Template.FindName("OverflowButton", this) as ToggleButton;
    if ( overflowButton != null)
    {
        overflowButton.Background = OverflowButtonBackground ?? Background;
    }
}