UWP入门（三） -- StackPanel与Grid的区别

原文:UWP入门（三） -- StackPanel与Grid的区别

＃＃１．Grid　下布局

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

            <StackPanel>
                <TextBlock>First</TextBlock>
                <TextBlock>Second</TextBlock>
                <TextBlock>Third</TextBlock>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Fourth"/>
                    <TextBox></TextBox>
                    <Button>Sixth</Button>
                </StackPanel>
            </StackPanel>
            <StackPanel Height="200">
                <Rectangle Fill="Red" Height="100" />
            </StackPanel>

    </Grid>

第一个　StackPanel　占据整个布局空间（１００％＊１００％），第二个StackPanel　是２００px，默认在整个布局的中间，**覆盖在第一个布局之上

2.StackPanel 布局

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel>
            <StackPanel>
                <TextBlock>First</TextBlock>
                <TextBlock>Second</TextBlock>
                <TextBlock>Third</TextBlock>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="Fourth"/>
                    <TextBox></TextBox>
                    <Button>Sixth</Button>
                </StackPanel>
            </StackPanel>
            <StackPanel Height="200">
                <Rectangle Fill="Red" Height="100" />
            </StackPanel>

        </StackPanel>
    </Grid>

不会覆盖，默认垂直，可以修改成水平