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

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]

## 1.StackPanel 控件介绍 ##

堆栈面板 —布局控件 —Panel

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

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

排列一行或一列

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

## 2.具体案例 ##

<StackPanel Orientation="Horizontal" VerticalAlignment="Top" FlowDirection="RightToLeft">
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
        <Button>按钮1</Button>
        <Button Margin="10,0,10,0">按钮2</Button>
        <Button>按钮3</Button>
    </StackPanel>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW94aTIwMjA_size_16_color_FFFFFF_t_70]: /images/20220829/425c2146cbb146e4975ab59e84b30855.png