Blend Grid行列拖拽控制宽高

原文: Blend Grid行列拖拽控制宽高

看效果

  
  
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width= "212*"/>
<ColumnDefinition Width= "9*"/>
<ColumnDefinition Width= "296*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height= "161*"/>
<RowDefinition Height= "6*"/>
<RowDefinition Height= "153*"/>
</Grid.RowDefinitions>
<Button Content= "Button" Margin= "0"/>
<Button Content= "Button" Margin= "0,0,0,1" Grid.Row= "2"/>
<Button Content= "Button" Grid.Column= "2"/>
<Button Content= "Button" Grid.Column= "2" Grid.Row= "2"/>
<GridSplitter HorizontalAlignment= "Center" Margin= "2,0" Grid.RowSpan= "3" Width= "5" Grid.Column= "1" RenderTransformOrigin= "0.5,0.5">
<GridSplitter.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle= "0.349"/>
<TranslateTransform/>
</TransformGroup>
</GridSplitter.RenderTransform>
</GridSplitter>
<GridSplitter Grid.ColumnSpan= "3" HorizontalAlignment= "Stretch" Margin= "0,3" Grid.Row= "1" VerticalAlignment= "Center" Height= "5"/>

</Grid>
 
 

效果2 

主要设置俩个地方 注意设置列 auto  

1）最外层gridGrid.IsSharedSizeScope="True"

2）设置GridSplitter 所在列或行  SharedSizeGroup

  
  
<Grid Grid.IsSharedSizeScope= "True" >
<Grid Margin= "19,182,60,48" Background= "White">
<Grid.ColumnDefinitions>
<ColumnDefinition Width= "377*"/>
<ColumnDefinition Width= "16*" />
<ColumnDefinition Width= "Auto" SharedSizeGroup= "aaa"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height= "9*"/>
<RowDefinition/>
<RowDefinition Height= "8*"/>
</Grid.RowDefinitions>
<Button Content= "Button" Margin= "0"/>
<Button Content= "Button" Margin= "0,0,0,1" Grid.Row= "2"/>
<Button Content= "Button" Grid.Column= "2"/>
<Button Content= "Button" Grid.Column= "2" Grid.Row= "2"/>
<GridSplitter HorizontalAlignment= "Center" Margin= "1.313,0,1.312,0" Grid.RowSpan= "3" Width= "5" Grid.Column= "1" RenderTransformOrigin= "0.5,0.5">
<GridSplitter.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle= "0.349"/>
<TranslateTransform/>
</TransformGroup>
</GridSplitter.RenderTransform>
</GridSplitter>
<GridSplitter Grid.ColumnSpan= "3" HorizontalAlignment= "Stretch" VerticalAlignment= "Center" Height= "5" Grid.Row= "1"/>

</Grid>
<Grid Margin= "19,61,60,169" Background= "White">
<Grid.ColumnDefinitions>
<ColumnDefinition Width= "377*" />
<ColumnDefinition Width= "16*" />
<ColumnDefinition Width= "Auto" SharedSizeGroup= "aaa"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height= "15*" />
<RowDefinition Height= "2*"/>
<RowDefinition Height= "13*"/>
</Grid.RowDefinitions>
<Button Content= "Button" Margin= "0"/>
<Button Content= "Button" Margin= "0,0,0,1" Grid.Row= "2"/>
<Button Content= "Button" Grid.Column= "2"/>
<Button Content= "Button" Grid.Column= "2" Grid.Row= "2"/>
<GridSplitter HorizontalAlignment= "Center" Margin= "1.313,0,1.312,0" Grid.RowSpan= "3" Width= "5" Grid.Column= "1" RenderTransformOrigin= "0.5,0.5">
<GridSplitter.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform Angle= "0.349"/>
<TranslateTransform/>
</TransformGroup>
</GridSplitter.RenderTransform>
</GridSplitter>
<GridSplitter Grid.ColumnSpan= "3" HorizontalAlignment= "Stretch" Margin= "0,1,0,0" VerticalAlignment= "Center" Height= "5" Grid.Row= "1"/>

</Grid>
</Grid>