チェックボックスがスタックパネルの展開/折りたたみアニメーションをトリガー

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コントロールを使用する必要があります。ここでは、このコントロールを使って作業することについての良い2つの部分のチュートリアルWindowsPhoneGeekです。

基本的には、エクスパンダコントロールを使用して、ヘッダーとアイテムに独自のカスタムコントロールを実装します。

Answer 2

ではなく