WPF布局之Grid撑满剩余区域

WPF使用布局Grid然后我们怎么表示剩余的空间呢？这里呢我只是简单的举例说明，剩下的还得自己动实践尝试。使用Width="*".
下面的示例记录了一个左右分区的界面，其中右边宽度是200，左边是一个Canvas，占满剩下的空间。我们可以使用Grid.Column中的Width = "*" 表示。代码如下：

 <Grid x:Name="grid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="200"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Row="0" Grid.Column="1" Background="LightSlateGray">
            <Label>A Button Stack</Label>
            <Button Click="Button_Click" Content="Button 1"></Button>
        </StackPanel>
        <ScrollViewer Name="scroll" Grid.Row="0" Grid.Column="0" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" >
            <Canvas Margin="0" Loaded="CanvasLoaded"  x:Name="zoomCanvas" ApplyTransform="True" >
                <Rectangle Width="40000" Height="40000" Fill="LightGray" Canvas.Left="-20000" Canvas.Top="-20000" />
                <Ellipse Canvas.Left="-5" Canvas.Top="-5" Fill="Red" Width="10" Height="10"/>
            </Canvas>

        </ScrollViewer>
    </Grid>