如何创建“更多详细信息”控件

Question

您可以推荐控件或者在WPF应用程序中执行此操作的简单方法。我想要的是控制按钮按下时会崩溃并自行展开。如果它看起来像Win7的默认版本，那将会很棒。

Answer 1

在这里，你是 - Expander。使用IsExpanded属性更改Expander从代码的内容可见性，或使用内置的切换按钮以交互方式更改它。

读取区域是Expander报头，绿色区域为Expander内容。 要实现相同的行为，还需要将Expander.ExpandDirection属性设置为Up值。

如果你想动画扩展，你需要在动画故事板上添加一个触发器IsExpanded = true。

Answer 2

有没有在框架本身做的恰恰是，但它很容易弯曲你的方式。

您可以使用Reveal控件（来自Bag of Tricks），并在底部栏中植入触发动画的切换按钮。

只需复制/粘贴到您的解决方案控制，然后用它是这样的：

<local:Revealer IsExpanded="{Binding DetailsShown}"> 
    <TextBlock Text="{Binding DetailInfoOne}" /> 
    ... 
</local:Revealer> 

然后在另一位置（你的窗口的底部？）

<ToggleButton Content="More details" IsChecked="{Binding DetailsShown}" /> 

把箭头按钮并将文本更改为“更少的细节”作为读者的练习;）

Answer 3

如何设置堆栈面板中的所有详细信息并将其置于可见性折叠状态。当你按下按钮时，将其设置为可见。摘要信息然后设置为折叠，反之亦然。

表单的尺寸必须设置为自动，以便根据内容进行更改。

希望有所帮助。