自定义WPF SplitButton点击箭头按钮Popup不显示问题求助

你的SplitButton Popup无法显示的核心问题是属性变更未通知UI，还有几处Popup配置不合理，下面是具体修复步骤：

核心问题：IsButtonOpen未使用依赖属性 #

WPF的绑定系统需要通过依赖属性或INotifyPropertyChanged接口感知属性变化，你当前的IsButtonOpen是普通CLR属性，修改后不会触发UI更新，导致Popup的IsOpen绑定无法同步状态。

修复后台代码：将IsButtonOpen改为依赖属性 #

public class SplitButton : Button
{
    // 定义依赖属性
    public static readonly DependencyProperty IsButtonOpenProperty =
        DependencyProperty.Register(nameof(IsButtonOpen), typeof(bool), typeof(SplitButton), new PropertyMetadata(false));

    public bool IsButtonOpen
    {
        get { return (bool)GetValue(IsButtonOpenProperty); }
        set { SetValue(IsButtonOpenProperty, value); }
    }

    public ICommand OpenCommand { get; set; }

    public SplitButton()
    {
        OpenCommand = new RelayCommand(p => OpenClicked());
    }

    static SplitButton()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(SplitButton),
            new FrameworkPropertyMetadata(typeof(SplitButton)));
    }

    private void OpenClicked()
    {
        IsButtonOpen = !IsButtonOpen;
    }
}

优化Popup配置 #

除了属性问题，你的Popup还有两处配置可能导致看不见或显示异常：

1. 调整Popup的Placement位置 #

原设置Placement="Top"会让Popup显示在按钮上方，很可能超出窗口可视区域，改为Bottom更符合SplitButton的交互习惯。

2. 开启AllowsTransparency并移除固定尺寸 #

关闭透明度会影响Slide动画效果，固定尺寸也会限制灵活性，修改后的Popup代码：

<Popup x:Name="Popup"
       Placement="Bottom"
       PlacementTarget="{Binding ElementName=border}"
       IsOpen="{Binding IsButtonOpen, RelativeSource={RelativeSource TemplatedParent}}"
       AllowsTransparency="True"
       Focusable="False"
       PopupAnimation="Slide">

    <Border x:Name="DropDownBorder"
            MinWidth="{TemplateBinding ActualWidth}"
            Height="90"
            Background="Red"
            BorderBrush="SteelBlue"
            BorderThickness="1">
    </Border>
</Popup>

额外注意事项 #

确保你的RelayCommand实现正确，特别是CanExecuteChanged事件的触发逻辑，否则命令可能无法正常执行。

内容的提问来源于stack exchange，提问作者CoderForHire