Windows phone 中的Grid布局

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height=".8*"></RowDefinition>
                <RowDefinition Height=".2*"></RowDefinition>
            </Grid.RowDefinitions>
            <Image Source="Assets/SplashImage.jpg" VerticalAlignment="Center" HorizontalAlignment="Center" Width="471" Height="492"></Image>
            <Button Content="Start!" Name="StartButton" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center"></Button>
        </Grid>

 

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

            這裡是行的定義，.8* .2* 代表一個行佔位80%，一個行佔位20%
            <Grid.RowDefinitions>
                <RowDefinition Height=".8*"></RowDefinition>
                <RowDefinition Height=".2*"></RowDefinition>
            </Grid.RowDefinitions>

            這裡是內容部分，按照上面的行布局來展示
            <Image Source="Assets/SplashImage.jpg" VerticalAlignment="Center" HorizontalAlignment="Center" Width="471" Height="492"></Image>
            <Button Content="Start!" Name="StartButton" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center"></Button>
        </Grid>