2011-03-19 41 views
4

我有一個(簡化的)2x2網格,裏面有三個控件。左邊的控件在兩個行上都成行。Streched Splitter不起作用

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition></ColumnDefinition> 
     <ColumnDefinition></ColumnDefinition> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition></RowDefinition> 
     <RowDefinition></RowDefinition> 
    </Grid.RowDefinitions> 
    <GridSplitter Grid.Row="0" Grid.Column="1" Height="4" Background="Gray" 
        HorizontalAlignment="Stretch" VerticalAlignment="Bottom"></GridSplitter> 
    <GridSplitter Grid.Row="0" Grid.Column="1" Width="4" Background="Gray" Grid.RowSpan="2" 
        HorizontalAlignment="Left" VerticalAlignment="Stretch"></GridSplitter> 
    <!-- Simplified content --> 
    <Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2">Content</Button> 
    <Button Grid.Row="0" Grid.Column="1">Content</Button> 
    <Button Grid.Row="1" Grid.Column="1">Content</Button> 
</Grid> 

我不明白爲什麼這些分離器不起作用。

回答

4

我建議定義內容

<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2">Content</Button> 
<Button Grid.Row="0" Grid.Column="1">Content</Button> 
<Button Grid.Row="1" Grid.Column="1">Content</Button> 
<GridSplitter Grid.Row="0" Grid.Column="1" Height="4" Background="Gray" 
       HorizontalAlignment="Stretch" VerticalAlignment="Bottom"></GridSplitter> 
<GridSplitter Grid.Row="0" Grid.Column="1" Width="4" Background="Gray" Grid.RowSpan="2" 
       HorizontalAlignment="Left" VerticalAlignment="Stretch"></GridSplitter> 
1

這其中背後的GridSplitter對我的作品 -

<Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition></ColumnDefinition> 
       <ColumnDefinition Width="auto"></ColumnDefinition> 
       <ColumnDefinition></ColumnDefinition> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition></RowDefinition> 
       <RowDefinition Height="auto"></RowDefinition> 
       <RowDefinition></RowDefinition> 
      </Grid.RowDefinitions> 
      <GridSplitter Grid.Row="1" Grid.Column="2" Height="4" Background="Gray" 
         HorizontalAlignment="Stretch" VerticalAlignment="Center"></GridSplitter> 
      <GridSplitter Grid.Row="0" Grid.Column="1" Width="4" Background="Gray" Grid.RowSpan="3" 
         HorizontalAlignment="Center" VerticalAlignment="Stretch"></GridSplitter> 
      <Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="3">Content</Button> 
      <Button Grid.Row="0" Grid.Column="2">Content</Button> 
      <Button Grid.Row="2" Grid.Column="2">Content</Button>  

     </Grid>