windows - 在 Silverlight 中，如何在按下按钮时显示新 Pane ？

Question

在我的主窗口上，我有几个不同的按钮和字段已经在工作了。它们基本上是一个对用户隐藏计算的计算器。

但是，我想添加一个按钮，上面写着“它是如何工作的？”并在按下时从侧面滑入一个新 Pane 。

我在 Windows Phone 7 模拟器上执行此操作，但我使用的是 Silverlight。

Answer 1

如果你想在家酿造这个，那将是相当微不足道的。我只会使用 VisualStateManager . “它是如何工作的” Pane 有 2 个状态。

1. HowDoIWork_Visible
2. HowDoIWork_Hidden

要实现滑动效果，您需要将 Pane 置于屏幕之外。因此，我将向 Pane 的 RenderTransform 属性添加一个 TranslateTransform。它的“X”属性集最初设置为 Pane 的负宽度。有关详细信息，请参阅 TranslateTransform :

对于 HowDoIWork_Visible 状态，将 TranslateTransform 的 X 属性设置为 0。并将 Visibility 设置为“Visible”或将 Opacity 设置为“1.0”。

现在创建 HowDoIWork_Hidden 状态，以便您可以再次隐藏 Pane 。将 Pane 的可见性设置为“折叠”或将其不透明度设置为“0.0”。同时将 TranslateTransform 的 X 属性设置回宽度。

当用户点击 Button 时你只需要调用:

VisualStateManager.GoToState("HowDoIWork_Visible");

再次隐藏面板:

VisualStateManager.GoToState("HowDoIWork_Hidden");

其他想法...

您还可以调整 Silverlight 工具包的 Accordion 来执行您想要的操作: http://silverlight.codeplex.com/wikipage?title=Silverlight%20Toolkit%20Control%20Overview%20Pg1&referringTitle=Home

如果您没有卡在滑动效果上，ChildWindow 提供了一种打开对话框类型 View 的简单方法。 http://www.wintellect.com/CS/blogs/jprosise/archive/2009/04/29/silverlight-3-s-new-child-windows.aspx