Question

我想让两个按钮相互靠近并均匀地占据“主要区域”下方的整行。

我似乎错过了什么

谢谢！

 <Grid Background="Transparent" Margin="0" Opacity=".8">

    <Border Name="MaskBorder" Grid.RowSpan="3">
        <Border Name="MainBorder" Background="Aqua">
            <Grid>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="30"/>
                    <ColumnDefinition Width="811*"/>
                    <ColumnDefinition Width="30"/>
                </Grid.ColumnDefinitions>

                <!--Body-->
                <Grid Grid.ColumnSpan="4">
                    <Border Name="BodyBackground" Background="White" />
                </Grid>

                <!-- Main Area for Content -->
                <Grid Name="ContentGrid" Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="55" />
                        <RowDefinition Height="811*" />
                        <RowDefinition Height="30" />
                    </Grid.RowDefinitions>

                    <DockPanel LastChildFill="True" Grid.Row="1">

                        <Grid DockPanel.Dock="Bottom">
                            <Button Height="55"></Button>
                            <Button Height="55"></Button>
                        </Grid>

                        <Border Background="Black" />

                    </DockPanel>

                </Grid>

            </Grid>
        </Border>
    </Border>
</Grid>

Answer 1

您在同一个网格单元格上有按钮。试试：

<Grid DockPanel.Dock="Bottom">
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <Button Grid.Column="0" Height="55"></Button>
    <Button Grid.Column="1" Height="55"></Button>
</Grid>

Answer 2

您可以像这样使用StackPanel而不是DockPanle：

<StackPanel Orientation="Vertical">
        <Button Height="55"/>
        <Button Height="55"/>
</StackPanel>

WPF控件填满整行

2 个答案: