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

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>