复选框触发堆栈面板展开/折叠动画答案

【问题标题】：Checkbox triggers stackpanel expand/collapse animation复选框触发堆栈面板展开/折叠动画
【发布时间】：2012-03-06 21:53:10
【问题描述】：

我有带有简单电话页面的 WP7 应用程序。

我有复选框

<CheckBox Content="Click me" Margin="0,2,0,0">

当我选中复选框时，我希望它下方的堆栈面板展开。

<StackPanel Height="0" x:Name="MyStackPanel">
    <CheckBox Content="Condition"/>
</StackPanel>

现在我尝试了这个解决方案，但我收到 EventTrigger.RoutedEvent 无法分配给 Checkbox.Checked 的异常。

<CheckBox Content="Click Me" Margin="0,2,0,0">
    <CheckBox.Triggers>
        <EventTrigger RoutedEvent="CheckBox.Checked">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="MyStackPanel"
                                     Storyboard.TargetProperty="Height"
                                     To="100"
                                     Duration="0:0:0.5" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </CheckBox.Triggers>
</CheckBox>

您对实现此类动画的最佳方法有什么想法吗？

谢谢

【问题讨论】：

标签： c# wpf windows-phone-7 xaml storyboard

【解决方案1】：

您需要做的事情有一个控件。您应该使用作为 silverlight 工具包一部分的 Expander 控件。在WindowsPhoneGeek 上有一个很好的关于使用此控件的两部分教程。

基本上，您使用扩展器控件并为标题和项目实现自己的自定义控件。

【讨论】：

这是唯一可能的解决方案吗？

【解决方案2】：

尝试ToggleButton.Checked 而不是CheckBox.Checked

【讨论】：