SilverLight：布局（3）StackPanel 对象_.NET_编程开发_程序员俱乐部

• A, Nesting Layout Containers（内嵌布局容器）
• B, StackPanel（队列面板）对象
• C, StackPanel（队列面板）对象 Orientation="Horizontal"
• D, StackPanel（队列面板）对象之 Alignment
• E, StackPanel（队列面板）对象之 Margins

<Grid ShowGridLines="True" Background="SteelBlue" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <TextBlock Margin="10" Grid.Row="0" Foreground="White"
                Text="This a simply test of the nested containers."></TextBlock>
    <StackPanel Grid.Row="1" HorizontalAlignment="Right" Orientation="Horizontal">
        <Button Margin="10,10,2,10" Padding="3" Content="Ok"></Button>
        <Button Margin="2,10,10,10" Padding="3" Content="Cancel"></Button>
    </StackPanel>
</Grid>

3, ShowGridLines, Background, HorizontalAlignment, VerticalAlignment

,Grid.RowDefinitions, RowDefinition

,Grid.Row

,Orientation

,<StackPanel/>[队列面板 对象]

<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button Content="Button A"/>
        <Button  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>        
</Grid>

3,<StackPanel/>

<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel Orientation="Horizontal"  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button Content="Button A"/>
        <Button  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>

3, Orientation

<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button  HorizontalAlignment="Left" Content="Button A"/>
        <Button HorizontalAlignment="Right"  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>

3, HorizontalAlignment[水平对齐方式]

<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack" HorizontalAlignment="Center"/>
        <Button  HorizontalAlignment="Left" Content="Button A" Margin="5"/>
        <Button HorizontalAlignment="Right"  Content="Button B" Margin="0,0,0,10"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>

3, Margin[外间距]