Question

我的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>

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

由于

Answer 1

您可以控制自己需要做什么。您应该使用属于silverlight工具包的Expander控件。有一个很好的两部分关于在WindowsPhoneGeek上使用这个控件的教程。

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

Answer 2

尝试ToggleButton.Checked而不是CheckBox.Checked

复选框触发stackpanel展开/折叠动画

2 个答案: