StackPanel控件也是用于布局的，可以使多个子控件按横向或者纵向排列，并且可以根据自身大 小拉伸子控件。

StackPanel默认情况下为纵向排列，当Orientation设置为Horizontal时，横向排列。

StackPanel-堆放容器 将子元素排列成一行（可沿水平或垂直方向）。

StackPanel的规则是：根据附加属性，我要么让元素横着排列，要么竖着排列。

StackPanel 为启用布局的 Panel 元素之一。在特定情形下，例如，要将一组对象排列在竖直或 水平列表（例如，项的水平或竖直菜单）中，StackPanel 很有用。设置 Orientation 属性可确 定列表的方向。Orientation 属性的默认值为 Vertical。

StackPanel 中内容的 HorizontalAlignment 和 VerticalAlignment 默认值均为 Stretch。

附上代码：

<!--LayoutRoot是包含所有页面内容的根网格--><Gridx:Name="LayoutRoot"Background="Transparent"><StackPanelOrientation="Vertical"><ButtonContent="元素1"></Button><ButtonContent="元素2"></Button><ButtonContent="元素3"></Button></StackPanel></Grid>

效果为：

附上代码：

<!--LayoutRoot是包含所有页面内容的根网格--><Gridx:Name="LayoutRoot"Background="Transparent"><StackPanelOrientation="Horizontal"><ButtonContent="元素1"></Button><ButtonContent="元素2"></Button><ButtonContent="元素3"></Button></StackPanel></Grid>

效果为：

示例二：

<!--LayoutRootcontainstherootgridwhereallotherpagecontentisplaced--><Gridx:Name="LayoutRoot"Background="Transparent"><Grid.RowDefinitions><RowDefinitionHeight="Auto"/><RowDefinitionHeight="*"/></Grid.RowDefinitions><!--TitlePanelcontainsthenameoftheapplicationandpagetitle--><StackPanelx:Name="TitlePanel"Grid.Row="0"Margin="12,17,0,28"><TextBlockx:Name="ApplicationTitle"Text="STACKPANELWITHFOURELEMENTS"Style="{StaticResourcePhoneTextNormalStyle}"/></StackPanel><!--ContentPanel-placeadditionalcontenthere--><Gridx:Name="ContentPanel"Grid.Row="1"Margin="12,0,12,0"><StackPanelName="stackPanel"Orientation="Vertical"><TextBlockText="TextBlockalignedatrightbottom"HorizontalAlignment="Right"VerticalAlignment="Bottom"/><ImageName="p_w_picpath2"Source="/PhoneApp2;component/Images/1-12101Q43P9.jpg"/><EllipseStroke="{StaticResourcePhoneAccentBrush}"StrokeThickness="12"/><TextBlockText="TextBlockalignedatlefttop"HorizontalAlignment="Left"VerticalAlignment="Top"/></StackPanel></Grid></Grid>

效果图为：