03-MainWindow的布局设计

我们给Grid添加一个背景-添加纯色或者渐变

可以给Grid添加RowDefinitions和ColumnDefinitions

然后取配置控件的Grid.Row 和Grid.Column

另外记得 Margin 可能会影响到

设置我们的Grid的背景颜色

<Grid.Background>
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="Black" Offset="0"/>
        <GradientStop Color="#FFB0C71D" Offset="1"/>
        <GradientStop Color="#FFF34545" Offset="0.008"/>
        <GradientStop Color="#FFE4A861" Offset="0.512"/>
    </LinearGradientBrush>
</Grid.Background>Code language: HTML, XML (xml)

设置行和列

我们说了 我们这个Grid是表格布局

表格的话 就有行和列的问题

然后我们通过配置两个控件的Grid.Row 和Grid.Column 可以设置我们的位置

把grid分成了 12个格子 行列 都是从0开始排序

<Button x:Name="button" Content="FoxDevelop.com" HorizontalAlignment="Left" VerticalAlignment="Top" 
        Width="75" 
        Click="button_Click"
        Grid.Row="0"
        Grid.Column="1" RenderTransformOrigin="0.819,1.685" Margin="37,30,0,0"
        />Code language: HTML, XML (xml)