2012-04-15 71 views
0

由於某些原因,當我將兩個膨脹器並排放置時,第一個膨脹器似乎在第二個膨脹器後面,並且不會擴大旁邊的膨脹器?有沒有辦法可以在下面的代碼中解決這個問題?兩個彼此相鄰的膨脹器不會擴大後者

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

+0

請停止使用不相關的標籤,這不是*關於* XML或HTML。 – 2012-04-15 15:23:01

+0

問題的一部分可能是使用兩個堆疊面板 - 爲什麼不使用一個呢? – 2012-04-15 15:26:07

回答

1

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

刪除Width="29",一切都會好起來的。

+0

有沒有辦法增加擴展器的大小? – 2012-04-15 16:07:31

+0

爲什麼?擴展器的大小取決於內容。您可以在'Expander.ActualWidth'屬性中看到摺疊狀態和展開狀態有不同的值。 – LPL 2012-04-15 16:18:18

+0

沒有抱歉,我在關閉狀態下展開膨脹機的尺寸。 – 2012-04-15 17:02:21