wpf - エキスパンダーの垂直方向の配置

Question

こんにちは、このエキスパンダーを水平ではなく垂直に整列させ、矢印を垂直に向けて、次のようにします。

開ける：

閉まっている：

    <StackPanel>
        <StackPanel.Triggers>
            <EventTrigger RoutedEvent="Expander.Expanded" SourceName="expander">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation From="0" To="1" Duration="0:0:0.25" Storyboard.TargetName="listBox" Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(ScaleTransform.ScaleY)"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </StackPanel.Triggers>
        <Expander x:Name="expander" Header="Expander" Expanded="expander_Expanded">
            <ListBox x:Name="listBox">
                <ListBoxItem Content="ListBoxItem" />
                <ListBoxItem Content="ListBoxItem" />
                <ListBoxItem Content="ListBoxItem" />
                <ListBox.LayoutTransform>
                    <ScaleTransform ScaleX="1" ScaleY="0"/>
                </ListBox.LayoutTransform>
            </ListBox>
        </Expander>
    </StackPanel>

Answer 1

を変更しExpandDirectionます。