StackPanel

使用 StackPanel 进行简单布局
设置 HorizontalAlignment 属性:

    <Grid>
        <!--StackPanel: 布局属性
             Margin:
                可以在子元素四周添加空白, Margin 是 System.Windows.thicknee 结构的属性,
                该结构分上\下\左\右和4边.可以分别指4个边的属性, 也可以指指定一个值,则上下左右都有相同空白
            MinWidth\MinHeight\MaxWidth\MaxHeight:
                设置元素大小,超过则会被剪裁.
            Width\Height;
            　　设置固定的元素大小,这个属性会将会覆盖HorizontalAlignment和VerticalAlignment属性的设置.
         -->
        <StackPanel  Name="stackPanel" Orientation="Vertical" >
            <Button x:Name="button" Content="Button1"  MinWidth="100" MaxWidth="200"/>
            <Button x:Name="button_Copy" Content="Button2"  HorizontalAlignment="Left" />
            <Button x:Name="button_Copy1" Content="Button3"  HorizontalAlignment="Center"  />
            <Button x:Name="button_Copy2" Content="Button4"  HorizontalAlignment="Right"/>
            <Button x:Name="button_Copy3" Content="Button5"  />
        </StackPanel>
    </Grid>

效果图:

设置 VerticalAlignment 属性:

<Grid>
        <!--StackPanel: 布局属性
        Margin:
            可以在子元素四周添加空白, Margin 是 System.Windows.thicknee 结构的属性,
            该结构分上\下\左\右和4边.可以分别指4个边的属性, 也可以指指定一个值,则上下左右都具有相同空白
        MinWidth\MinHeight\MaxWidth\MaxHeight:
            设置元素大小,超过则会被剪裁.
        Width\Height;
            设置固定的元素大小,这个属性会将会覆盖HorizontalAlignment和VerticalAlignment属性的设置.
        -->
        <StackPanel  Name="stackPanel" Orientation="Horizontal" >
            <Button x:Name="button" Content="Button1" />
            <Button x:Name="button_Copy" Content="Button2"  VerticalAlignment="Top" />
            <Button x:Name="button_Copy1" Content="Button3"  VerticalAlignment="Bottom"  />
            <Button x:Name="button_Copy2" Content="Button4"  VerticalAlignment="Center"/>
            <Button x:Name="button_Copy3" Content="Button5" VerticalAlignment="Center" />
        </StackPanel>
    </Grid>

效果图:

 

部分常用元素:

Margin	获取或设置元素的外边距。顺序: 左上右下
MaxHeight	获取或设置元素的最大高度约束。如果元素大于容器大小,会被剪裁
MaxWidth	获取或设置元素的最大宽度约束。如果元素大于容器大小,会被剪裁
MinHeight	获取或设置元素的最小高度约束。如果元素大于容器大小,会被剪裁
MinWidth	获取或设置元素的最小宽度约束。如果元素大于容器大小,会被剪裁

这些元素都派生自 FrameworkElement 类,因此也被 WPF 中的其他图形元素支持

Simple Dialog:

    <DockPanel Name="dockPanel1" LastChildFill="True">
        <StackPanel Name="stackPanel1" Orientation="Horizontal" DockPanel.Dock="Bottom" HorizontalAlignment="Right">
            <Button Name="button1" Margin="10,10,2,10" Padding="3">确定</Button>
            <Button Name="button2" Margin="2,10,10,10" Padding="3">取消</Button>
        </StackPanel>
        <TextBlock>简单对话框示例,单击确定返回</TextBlock>
    </DockPanel>

效果图: