Expander вертикальное выравнивание

Question

Привет Я хочу сделать этот расширитель выровнять veritically, а не горизонтально с стрелка направлена ​​вертикально как хорошо атм это выглядит следующим образом:

Open:

Закрыто:

<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.