2021-08-16 WPF控件专题 StackPanel 控件详解

素颜马尾好姑娘i 2022-09-05 00:20 435阅读 0赞

在这里插入图片描述

1.StackPanel 控件介绍

堆栈面板 —布局控件 —Panel

子元素排列成一行或一列
水平 垂直
FlowDirection 子元素的流动方向
Orientation：Horizontal 一行 一般设置VerticalAlignment：Top Bottom Center Stretch
Vertical 一列 HorizontalAlignment Left Right Center Stretch

子元素超出部分，被隐藏
可以嵌套

排列一行或一列

经常嵌套在其他布局控件，与其他布局控件结合使用

2.具体案例

  1. <!--排列成一行或一列  StackPanel默认排列方向：垂直：宽度 水平：高度与父窗口的高度相同-->
  2. <!--子元素超出的部分，会被隐藏-->
  3. <!--<StackPanel Orientation="Vertical" HorizontalAlignment="Center">
  4.     <Button>按钮1</Button>
  5.     <Button Margin="10,0,10,0">按钮2</Button>
  6.     <Button>按钮3</Button>
  7. </StackPanel>-->
  8. <StackPanel Orientation="Horizontal" VerticalAlignment="Top" FlowDirection="RightToLeft">
  9.     <Button>按钮1</Button>
  10.     <Button Margin="10,0,10,0">按钮2</Button>
  11.     <Button>按钮3</Button>
  12.     <Button>按钮1</Button>
  13.     <Button Margin="10,0,10,0">按钮2</Button>
  14.     <Button>按钮3</Button>
  15.     <Button>按钮1</Button>
  16.     <Button Margin="10,0,10,0">按钮2</Button>
  17.     <Button>按钮3</Button>
  18.     <Button>按钮1</Button>
  19.     <Button Margin="10,0,10,0">按钮2</Button>
  20.     <Button>按钮3</Button>
  21.     <Button>按钮1</Button>
  22.     <Button Margin="10,0,10,0">按钮2</Button>
  23.     <Button>按钮3</Button>
  24.     <Button>按钮1</Button>
  25.     <Button Margin="10,0,10,0">按钮2</Button>
  26.     <Button>按钮3</Button>
  27.     <Button>按钮1</Button>
  28.     <Button Margin="10,0,10,0">按钮2</Button>
  29.     <Button>按钮3</Button>
  30. </StackPanel>

发表评论

表情：
评论列表 （有 0 条评论，435人围观）

还没有评论，来说两句吧...

相关阅读