c# - 如何像在网页中一样在WPF中展开和折叠

Question

有人熟悉具有类似于 TreeView 属性的网站吗？就像微软网站的下载部分。你按下加号按钮，它会展开，它下面的所有内容都会进一步向下移动。您按下减号按钮，该 block 中的所有内容都会折叠，下面的内容会恢复原状。

诚然 C# 与 HTML 和 CSS 完全不同，但我只是想知道是否可以在 WPF 应用程序中做同样的事情。

目前工具箱中的 TreeView 似乎只允许实现文本。它不允许附加对象，例如标签或文本框。

我发现了 EXPANDER，它可以很好地展开和折叠其内容，但无法将其下方的对象拉回或向下推。这是我想要的场景示例。

我想要的例子是 microsoft's download page如果有帮助。它们的展开和折叠按钮如何工作。

那么有什么办法可以做到这一点吗？

Answer 1

这是一个使用 Expander 作为 Microsoft 下载页面使用它的方式的示例。请注意，RowDefinitions 的Height 设置为Auto，否则Expander 不会折叠 IsExpanded 设置为 false。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Expander IsExpanded="True">
        <Border BorderBrush="Red" BorderThickness="2">
            <TextBlock Height="50" Text="Hello" />
        </Border>
    </Expander>
    <Expander Grid.Row="1" IsExpanded="True">
        <Border BorderBrush="Green" BorderThickness="2">
            <TextBlock Height="50" Text="World" />
        </Border>
    </Expander>
</Grid>