WPF Xaml - 匹配宽度

Question

我有以下 xaml，您可以在上面看到一个 GroupBox，在左边和右边看到其他的。有没有办法将 GroupBox 设置在顶部，以便（ 当我调整 window 的大小时）它的左边缘和右边缘分别与左边缘对齐左边的 GroupBoxes 和右边的 GroupBoxes 的右边缘？

编辑

我在选项卡控件中保持固定组框的宽度，因为我在那里实现了 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 会更灵活，或者完全删除它）

WPF Xaml - 匹配宽度

WPF Xaml - match width

c#

wpf

xaml

alignment