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>

 效果為：

 

 示例二：

<!--LayoutRoot contains the root grid where all other page content is placed-->
<Gridx:Name"LayoutRoot"Background"Transparent">
<Grid.RowDefinitions>
<RowDefinitionHeight"Auto"/>
<RowDefinitionHeight"*"/>
</Grid.RowDefinitions>
<!--TitlePanel contains the name of the application and page title-->
<StackPanelx:Name"TitlePanel"Grid.Row"0"Margin"12,17,0,28">
<TextBlockx:Name"ApplicationTitle"Text"STACKPANEL WITH FOUR ELEMENTS"Style"{StaticResource PhoneTextNormalStyle}"/>
</StackPanel>
<!--ContentPanel - place additional content here-->
<Gridx:Name"ContentPanel"Grid.Row"1"Margin"12,0,12,0">
<StackPanelName"stackPanel"Orientation"Vertical">
<TextBlockText"TextBlock aligned at right bottom"
HorizontalAlignment"Right"
VerticalAlignment"Bottom"/>
<ImageName"p_w_picpath2"Source"/PhoneApp2;component/Images/1-12101Q43P9.jpg"/>
<EllipseStroke"{StaticResource PhoneAccentBrush}"
StrokeThickness"12"/>
<TextBlockText"TextBlock aligned at left top"
HorizontalAlignment"Left"
VerticalAlignment"Top"/>
</StackPanel>
</Grid>
</Grid>

 效果圖為：

 

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：容器控件StackPanel控件-創新互聯
網頁地址：http://vcdvsql.cn/article24/dsdice.html

成都網站建設公司_創新互聯，為您提供App設計、網站導航、網站設計、做網站、網站改版、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯