Grid

  使用Grid,能夠在行和列中排列控件。佈局

  對於每一列,能夠指定一個ColumnDefinition;對於每一行,能夠指定一個RowDefinition。spa

  下面的示例代碼顯示兩列和三行。code

  在每一列和每一行中,均可以指定寬度或高度。xml

  ColumnDefinition有一個Width依賴屬性,RowDefinition有一個Height依賴屬性。blog

  能夠以像素,釐米,英寸或點爲單位定義高度和寬度,或者把它們設置爲Auto,根據內容來肯定其大小。it

  Grid還容許根據具體狀況指定大小,即根據可用的空間以及於其餘行和列的相對位置,計算行和列的空間。io

  在爲列提供可用空間時,能夠將Width屬性設置爲"*"。要使某一列的空間是另外一列的兩倍,應指定「2*」。下面的示例代碼定義了兩列和三行,但沒有定義列定義和行定義的其餘設置,默認使用根據具體狀況指定大小的設置ast

  

<Window x:Class="Panel佈局.Grid"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Grid" Height="300" Width="300">
    <Grid ShowGridLines="True">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Label Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Content="Title"/>
        <Label Grid.Column="0"  Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Content="FirstName:"/>
        <TextBox Grid.Column="1"  Grid.Row="1" Width="100" VerticalAlignment="Center" HorizontalAlignment="Center"/>
        <Label Grid.Column="0"  Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center" Content="LastName:"/>
        <TextBox Grid.Column="1"  Grid.Row="2" Width="100" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </Grid>
</Window>

相關文章
相關標籤/搜索