如何继承ContentControl并添加自定义IsFlyoutOpen依赖属性？

看来你已经找对方向了——自定义一个带弹出层的ContentControl，核心就是通过IsFlyoutOpen依赖属性来管控展开状态，我帮你把完整实现和关键细节梳理清楚：

首先补全依赖属性的注册逻辑，这是WPF自定义控件状态管控的核心：

public class FlyoutContentControl : ContentControl
{
    // 注册IsFlyoutOpen依赖属性
    public static readonly DependencyProperty IsFlyoutOpenProperty =
        DependencyProperty.Register(
            nameof(IsFlyoutOpen),
            typeof(bool),
            typeof(FlyoutContentControl),
            new PropertyMetadata(false, OnIsFlyoutOpenChanged));

    public bool IsFlyoutOpen
    {
        get => (bool)GetValue(IsFlyoutOpenProperty);
        set => SetValue(IsFlyoutOpenProperty, value);
    }

    // 属性变更回调：状态切换时的额外逻辑入口
    private static void OnIsFlyoutOpenChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var control = d as FlyoutContentControl;
        control?.OnIsFlyoutOpenChanged((bool)e.OldValue, (bool)e.NewValue);
    }

    // 虚方法，方便子类扩展状态变化逻辑
    protected virtual void OnIsFlyoutOpenChanged(bool oldValue, bool newValue)
    {
        // 比如在这里添加动画触发、状态通知等逻辑
    }
}

接下来需要给控件绑定模板，把IsFlyoutOpen和弹出层的显示状态关联起来，这里给出一个基础示例：

<Style TargetType="{x:Type local:FlyoutContentControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:FlyoutContentControl}">
                <Grid>
                    <!-- 主内容区域 -->
                    <ContentPresenter Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                      Margin="{TemplateBinding Padding}"/>
                    
                    <!-- 弹出层容器 -->
                    <Border x:Name="FlyoutContainer"
                            Background="#FFFFFF"
                            BorderBrush="#E5E5E5"
                            BorderThickness="1"
                            CornerRadius="4"
                            Visibility="Collapsed"
                            Margin="0,8,0,0"
                            Padding="12">
                        <!-- 弹出层内容：如果需要独立内容，可以再新增FlyoutContent依赖属性替代Tag -->
                        <ContentPresenter Content="{TemplateBinding Tag}"/>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <!-- 绑定IsFlyoutOpen控制显示/隐藏，添加过渡动画 -->
                    <Trigger Property="IsFlyoutOpen" Value="True">
                        <Setter TargetName="FlyoutContainer" Property="Visibility" Value="Visible"/>
                        <Trigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetName="FlyoutContainer"
                                                     Storyboard.TargetProperty="Opacity"
                                                     From="0" To="1" Duration="0:0:0.2"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.EnterActions>
                        <Trigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetName="FlyoutContainer"
                                                     Storyboard.TargetProperty="Opacity"
                                                     From="1" To="0" Duration="0:0:0.2"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.ExitActions>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

• 如果弹出层需要独立的内容区域，建议新增FlyoutContent和FlyoutContentTemplate依赖属性，比用Tag更语义化，注册方式和IsFlyoutOpen一致。
• 在依赖属性元数据里设置BindsTwoWayByDefault=true，这样绑定的时候默认双向，方便用户通过交互（比如点击按钮）切换状态。
• 如果需要点击外部自动关闭弹出层，可以在控件里监听鼠标事件，或者把弹出层换成Popup控件并设置StaysOpen="False"。

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