Флажок запускает анимацию разворачивания / сворачивания стека

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

попробуйте ToggleButton.Checked вместо CheckBox.Checked

Answer 2

Есть контроль над тем, что вам нужно сделать. Вы должны использовать элемент управления Expander, являющийся частью набора инструментов Silverlight. Вот хороший учебник из двух частей по работе с этим элементом управления на WindowsPhoneGeek .

По сути, вы используете элемент управления Expander и реализуете свои собственные пользовательские элементы управления для заголовка и элементов.