我可以使用堆栈面板设计以下布局

Question

我想知道如果我可以使用堆栈面板来获得以下布局

Answer 1

一个是不够的，但你当然可以做到两个：

<StackPanel Orientation="Vertical">

    <BigBoxOnTop />

    <StackPanel Orientation="Horizontal">
        <SmallBox_1 />
        <SmallBox_2 />
        <SmallBox_3 />
        ....
    </StackPanel>

</StackPanel>

使用边距和填充将您的盒子放在面板内

Answer 2

是。外部看起来像一个垂直的堆叠面板。较小的方框（控件或面板）可以放置明确的边距，如上图所示。

Answer 3

在我看来，你需要在每个垂直堆栈面板顶部和底部两半嵌套网格面板......但我只是WPF的初学者。

Answer 4

尝试这样的事情

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Rectangle Fill="White" Stroke="Black" Margin="5" StrokeThickness="2"/>
        <StackPanel Grid.Row="1" Orientation="Horizontal">
            <Rectangle Fill="White" Stroke="Black" Width="100" Height="35" StrokeThickness="5" Margin="25,0,0,0"/>
            <Rectangle Fill="White" Stroke="Black" StrokeThickness="5" Width="100" Height="35" Margin="20,0,0,0"/>
            <Rectangle Fill="White" Stroke="Black" Width="100" Height="35" Margin="25,0,0,0" StrokeThickness="5"/>
        </StackPanel>
    </Grid>