容器控件StackPanel控件-创新互联

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控件-创新互联
网页地址：https://www.cdcxhl.com/article24/dsdice.html

成都网站建设公司_创新互联，为您提供App设计、网站导航、网站设计、做网站、网站改版、网站策划

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联