StackPanel为容器控件,可与DockPanel进行比较,下面为常用属性示例
1.Orientation属性用法与web控件中的DatList的 RepeatDirection属性相同
2.HorizontalAlignment和VerticalAlignment
效果
(1)全局
<
StackPanel
HorizontalAlignment
="Left"
Orientation
="Vertical"
>
<
Button
>
Button One
</
Button
>
<
Button
>
Button Two
</
Button
>
<
Button
>
Button Three
</
Button
>
<
Button
>
Button Four
</
Button
>
<
Button
>
Button Five
</
Button
>
<
Button
>
Button Six
</
Button
>
</
StackPanel
>
(2)局部
<
StackPanel
Orientation
="Vertical"
>
<
Button
>
Button One
</
Button
>
<
Button
>
Button Two
</
Button
>
<
Button
>
Button Three
</
Button
>
<
Button
>
Button Four
</
Button
>
<
Button
>
Button Five
</
Button
>
<
Button
HorizontalAlignment
="Left"
>
Button Six
</
Button
>
</
StackPanel
>
结束
1.Orientation属性用法与web控件中的DatList的 RepeatDirection属性相同
![](https://i-blog.csdnimg.cn/blog_migrate/42773ab4dd68e4d574b3d3ecd1ba21f8.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/968f7808261ad4cebeab12a8f6eb1beb.jpeg)
2.HorizontalAlignment和VerticalAlignment
![](https://i-blog.csdnimg.cn/blog_migrate/731caf10bb356dec5d6dfd8e0c15a497.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/8c474f0f985548b2be8800d5f5978d0d.jpeg)
效果
(1)全局
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/de5b9ae10abf846384e1ab07139e4d58.jpeg)
(2)局部
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/f0cd6c7f9e7ae96feae062cb48f670f0.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/7e429d39241cb6053769ca5edb4b3672.jpeg)
结束