如何在 WPF 中创建可折叠面板

Posted 2023-02-23

【中文标题】如何在 WPF 中创建可折叠面板

【英文标题】：How to create a collapsible panel in WPF

【发布时间】：2010-11-21 06:17:19

【问题描述】：

我正在创建一个 Windows 应用程序 (WPF) 和 C#。在我看来，我必须添加一些布局，例如浏览文件夹，在列表视图中显示文件夹中的文件......等等

我的要求是： 上面提到的面板应该是可折叠面板，我猜，我们在 wpf 中没有可折叠面板的选项。

我必须为此创建一个自定义控件吗？如果是这样，请建议我如何做到这一点？

【问题讨论】：

Vaccano，格式错误。

@Vaccano：答案已被接受，您应该立即删除您的反对票

【参考方案1】：

Expander 控件可能正是您要找的。来自MSDN：

扩展类

表示显示标题的控件，该标题具有显示内容的可折叠窗口。

【讨论】：

感谢您的链接。但这看起来不像 ASP.NET 中的可折叠面板。实际上我没有在我的项目中使用 ASP.NET 控件。但是，如果我想在 WPF 中进行这种控制，如何实现呢？请帮助我谢谢拉姆

我不确定你的意思 - Expander 是 一个 WPF 控件并且看起来确实像一个可折叠面板。你能解释一下你缺少什么功能吗？

【参考方案2】：

可以这样吗？

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="2*"/>
    </Grid.RowDefinitions>
    <Border  Background="Red" Height="12" VerticalAlignment="Top" MouseEnter="StackPanel_MouseEnter" MouseLeave="StackPanel_MouseLeave"></Border>
</Grid>    

后面的C#代码

 private void StackPanel_MouseEnter(object sender, MouseEventArgs e)
    
        Border sp = sender as Border;
        DoubleAnimation db = new DoubleAnimation();
        //db.From = 12;
        db.To = 150;
        db.Duration = TimeSpan.FromSeconds(0.5);
        db.AutoReverse = false;
        db.RepeatBehavior = new RepeatBehavior(1);
        sp.BeginAnimation(StackPanel.HeightProperty, db);
    

    private void StackPanel_MouseLeave(object sender, MouseEventArgs e)
    
        Border sp = sender as Border;
        DoubleAnimation db = new DoubleAnimation();
        //db.From = 12;
        db.To = 12;
        db.Duration = TimeSpan.FromSeconds(0.5);
        db.AutoReverse = false;
        db.RepeatBehavior = new RepeatBehavior(1);
        sp.BeginAnimation(StackPanel.HeightProperty, db);
    

您可以使用任何元素控件，如网格、堆栈、停靠、边框......

【讨论】：

使用 VisualStateManager 的示例怎么样？

这太棒了！！简单，有效..谢谢！