Stackpanels side by side

Question

我想并排放置stackpanels。然后在每个堆栈面板中，都有不同的控件。现在，第一个堆栈面板正在工作。它具有文本块和文本框。现在，我想在第二个堆栈面板上添加一个按钮，依此类推。问题是第二个面板未显示按钮的内容。不知道为什么？

<StackPanel Orientation="Vertical">
    <StackPanel Orientation="Horizontal" Width="300" HorizontalAlignment="Left" Margin="10">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            <StackPanel Orientation="Horizontal" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Left">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25"></RowDefinition>
                        <RowDefinition Height="25"></RowDefinition>
                    </Grid.RowDefinitions>
                    <TextBlock Grid.Column="0" Grid.Row="0" Text="Year" TextAlignment="Center"></TextBlock>
                    <TextBlock Grid.Column="1" Grid.Row="0" Text="Week" TextAlignment="Center"></TextBlock>
                    <TextBlock Grid.Column="2" Grid.Row="0" Text="File Location" TextAlignment="Center"></TextBlock>
                </Grid>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Column="1" Grid.Row="0" Margin="10">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition></ColumnDefinition>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"></RowDefinition>
                    </Grid.RowDefinitions>
                    <Button Grid.Column="0" Grid.Row="0">
                        <TextBlock Text="Get Informations" TextWrapping="Wrap" TextAlignment="Center"></TextBlock>
                    </Button>
                </Grid>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Column="2" Grid.Row="0"></StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Column="0" Grid.Row="1"></StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Column="2" Grid.Row="1"></StackPanel>
        </Grid>
    </StackPanel>
</StackPanel>

Answer 1

如果需要解决方案，则将StackPanel的宽度设置为300。卸下堆叠式（具有300个宽度的堆栈），或将网格固定为300