WPF Xaml-匹配寬度

Question

我有以下xaml ，您可以在其中看到一個GroupBox在頂部，其他在左右兩側。 有沒有一種方法可以將GroupBox設置在頂部，以便（ 當我調整窗口大小時 ）其左邊緣和右邊緣分別與GroupBoxes的左邊緣和右側GroupBox的右邊緣對齊？

編輯

我在選項卡控件中固定了groupbox的寬度，因為我在那里實現了wpf縮放：我現在更新了xaml（當然，縮放也在后面的代碼中實現了）

<?xml version="1.0" encoding="utf-8"?>
<Window
    x:Class="MatchWidth.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MatchWidth"
    Height="1000"
    Width="1600">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition
                Height="100" />
            <RowDefinition
                Height="*" />
        </Grid.RowDefinitions>
        <GroupBox
            Header="Top Box"
            Grid.Row="0"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Stretch"
            Margin="25,5,35,25" />
        <Grid
            Grid.Row="1">
            <Grid.LayoutTransform>
                <ScaleTransform
                    CenterX="0" CenterY="0"
                    ScaleX="{Binding ElementName=uiScaleSliderL,Path=Value}"
                    ScaleY="{Binding ElementName=uiScaleSliderL,Path=Value}"/>
            </Grid.LayoutTransform>
            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    Width="*" />
                <ColumnDefinition
                    Width="5" />
                <ColumnDefinition
                    Width="*" />
            </Grid.ColumnDefinitions>
            <TabControl
                Name="LeftTabCtr"
                Grid.Column="0">
                <TabItem Header="LeftTabCtr">
                    <ScrollViewer
                        HorizontalScrollBarVisibility="Auto">
                        <Grid
                            Height="800">
                            <Slider
                                x:Name="uiScaleSliderL"
                                ToolTip="Determines the UI scale factor."
                                Value="1" Minimum="0.1" Maximum="4" Width="200" Height="10"
                                HorizontalAlignment="Center" VerticalAlignment="Top" />
                            <GroupBox
                                Header="Left Box 1"
                                Grid.Column="0"
                                Grid.Row="0"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Top"
                                Margin="25,20,25,25"
                                Width="720"
                                Height="180"/>
                            <GroupBox
                                Header="Left Box 2"
                                Grid.Column="0"
                                Grid.Row="0"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                Width="720"
                                Margin="25,220,25,10" />
                        </Grid>
                    </ScrollViewer>
                </TabItem>
            </TabControl>
            <GridSplitter
                Grid.Column="1"
                Width="5"
                HorizontalAlignment="Stretch" />
            <TabControl
                Name="RightTabCtr"
                Grid.Column="2">
                <TabItem Header="RightTabCtr">
                    <ScrollViewer
                        HorizontalScrollBarVisibility="Auto">
                        <Grid
                            Height="800">            <Slider
                                x:Name="uiScaleSliderR"
                                ToolTip="Determines the UI scale factor."
                                Value="1" Minimum="0.1" Maximum="4" Width="200" Height="10"
                                HorizontalAlignment="Center" VerticalAlignment="Top" />
                            <GroupBox
                                Header="Right Box 1"
                                Grid.Column="0"
                                Grid.Row="0"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Top"
                                Margin="25,20,25,25"
                                Width="720"
                                Height="180"/>
                            <GroupBox
                                Header="Right Box 2"
                                Grid.Column="0"
                                Grid.Row="0"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Stretch"
                                Width="720"
                                Margin="25,220,25,10" />
                        </Grid>
                    </ScrollViewer>
                </TabItem>
            </TabControl>
        </Grid>
    </Grid>
</Window>

后面的代碼包含以下內容：

public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();
        uiScaleSliderL.MouseDoubleClick +=
            new MouseButtonEventHandler(RestoreScalingFactorL);
    }

    protected override void OnPreviewMouseWheel(MouseWheelEventArgs args)
    {
        base.OnPreviewMouseWheel(args);
        if (Keyboard.IsKeyDown(Key.LeftCtrl) ||
            Keyboard.IsKeyDown(Key.RightCtrl))
        {
            uiScaleSliderL.Value += (args.Delta > 0) ? 0.1 : -0.1;
        }
    }

    protected override void OnPreviewMouseDown(MouseButtonEventArgs args)
    {
        base.OnPreviewMouseDown(args);
        if (Keyboard.IsKeyDown(Key.LeftCtrl) ||
            Keyboard.IsKeyDown(Key.RightCtrl))
        {
            if (args.MiddleButton == MouseButtonState.Pressed)
            {
                RestoreScalingFactorL(uiScaleSliderL, args);
            }
        }
    }
    void RestoreScalingFactorL(object sender, MouseButtonEventArgs args)
    {
        ((Slider)sender).Value = 1.0;
    }
}

Answer 1

您必須指定正確的邊距並刪除固定寬度的組框（在您的情況下，使用minWidth可能會更加靈活，或者完全刪除它）