2つのエキスパンダーが隣り合っていません

2つのエキスパンダーを別々に設定すると、最初のエキスパンダーが2番目のエキスパンダーの後ろにあるように見えます。下のコードでこれを修正できる方法はありますか？2つのエキスパンダーが隣り合っていません

<Grid> 
    <StackPanel Orientation="Horizontal" Margin="0,0,195,0"> 
     <StackPanel.Triggers> 
      <EventTrigger RoutedEvent="Expander.Expanded" SourceName="expander"> 
       <EventTrigger.Actions> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation From="0" To="1.2" Duration="0:0:0.35" Storyboard.TargetName="listBox" Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(ScaleTransform.ScaleX)"/>         
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger.Actions> 
      </EventTrigger> 
     </StackPanel.Triggers> 
     <Expander x:Name="expander" Expanded="expander_Expanded" ExpandDirection="Right" Width="29"> 
       <ListBox x:Name="listBox"> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
       <ListBox.LayoutTransform> 
        <ScaleTransform ScaleX="0" ScaleY="1"/> 
       </ListBox.LayoutTransform> 
      </ListBox> 
     </Expander> 

    <StackPanel Orientation="Horizontal" Margin="0,0,342,0" Width="318"> 
      <StackPanel.Triggers> 
       <EventTrigger RoutedEvent="Expander.Expanded" SourceName="expander1"> 
        <EventTrigger.Actions> 
         <BeginStoryboard> 
          <Storyboard> 
           <DoubleAnimation From="0" To="1.2" Duration="0:0:0.35" Storyboard.TargetName="listBox1" Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(ScaleTransform.ScaleX)"/> 
          </Storyboard> 
         </BeginStoryboard> 
        </EventTrigger.Actions> 
       </EventTrigger> 
      </StackPanel.Triggers> 
      <Expander ExpandDirection="Right" Name="expander1" Width="29"> 
      <ListBox Name="listBox1"> 
       <ListBox.LayoutTransform> 
        <ScaleTransform ScaleX="0" ScaleY="1" /> 
       </ListBox.LayoutTransform> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
       <ListBoxItem Content="ListBoxItem" VerticalAlignment="Top" /> 
      </ListBox> 
     </Expander> 
    </StackPanel> 
    </StackPanel> 
</Grid>

出典

2012-04-15 Kirsty White

無関係のタグを使用しないようにしてください。これは* about * XMLでもHTMLでもありません。 –

問題の一部は、2つのスタックパネルを使用している可能性があります。 –

<Expander x:Name="expander" 
      Expanded="expander_Expanded" 
      ExpandDirection="Right" 
      Width="29">

でWidth="29"を削除し、すべてが大丈夫になります。

出典

2012-04-15 16:02:18 LPL

エキスパンダーのサイズを増やす方法はありますか？ –

なぜですか？エクスパンダーのサイズは内容によって異なります。 'Expander.ActualWidth'プロパティで見ることができるように、折りたたまれた状態と展開された状態には異なる値があります。 – LPL

閉鎖状態のエキスパンダーのサイズを教えてください。 –

2つのエキスパンダーが隣り合っていません

答えて

関連する問題