如何创建"more details“控件

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

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

表单的大小必须设置为Auto，以便根据内容进行更改。

希望这能有所帮助。