窗口分辨率变更时Border内元素无法自适应缩放的解决方案咨询

原代码里的固定尺寸、硬编码Margin是导致无法自适应的核心问题，调整后就能让Border内元素随窗口（WinPE全屏分辨率）动态调整：

关键修改点 #

• 移除内部Grid的Height="392"和Width="598"，将HorizontalAlignment="Center"、VerticalAlignment="Center"改为Stretch，让Grid填满Border空间
• 替换所有元素的固定Height、Width和硬编码Margin，改用Grid的行列布局（RowDefinitions/ColumnDefinitions）分配空间，用*比例或Auto实现自适应
• 调整Border的Margin为相对值，确保它能随窗口缩放
• 给Image设置Stretch="Uniform"，让图片按比例缩放

修改后的完整XAML代码 #

<Window x:Class="PortableISO.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:PortableISO"
        mc:Ignorable="d"
        Title="MainWindow"
        Height="600"
        Width="800"
        WindowState="Maximized"
        ResizeMode="CanResize">
    <Grid>
        <!-- 外层去掉多余布局限制，让Border占满窗口可用空间 -->
        <Border BorderBrush="Black" BorderThickness="1" Margin="20">
            <!-- 内部Grid改为Stretch，填满Border -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <!-- 左侧图片列适配自身宽度，右侧内容列占剩余空间 -->
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <!-- 左侧Logo图片，保持比例缩放 -->
                <Image Grid.Column="0" Source="/logo.png" Stretch="Uniform" Margin="20"/>

                <!-- 右侧内容区域，用行列布局分配空间 -->
                <Grid x:Name="UserIn" Grid.Column="1" Margin="20">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/> <!-- RichTextBox占剩余垂直空间 -->
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>

                    <Label Grid.Row="0" Content="Welcome" Margin="0,0,0,10"/>
                    <Label Grid.Row="1" Content="Website and version" Margin="0,0,0,10"/>
                    <Label Grid.Row="2" Content="Do you agree with the terms?" Margin="0,0,0,10"/>

                    <!-- RichTextBox填满所在行空间 -->
                    <RichTextBox Grid.Row="3" Margin="0,0,0,10">
                        <FlowDocument>
                            <Paragraph>
                                <Run Text="RichTextBox"/>
                            </Paragraph>
                        </FlowDocument>
                    </RichTextBox>

                    <!-- 按钮横向排列，自适应位置 -->
                    <StackPanel Grid.Row="4" Orientation="Horizontal" HorizontalAlignment="Right" Spacing="20">
                        <Button Content="Button" Padding="15,8"/>
                        <Button Content="Button" Padding="15,8"/>
                    </StackPanel>
                </Grid>
            </Grid>
        </Border>
    </Grid>
</Window>

WinPE环境适配说明 #

WinPE下的全屏模式本质是窗口最大化，WPF的自适应布局逻辑完全适用。修改后的代码通过比例分配空间、移除固定尺寸，能自动适配不同分辨率的屏幕，元素会按比例缩放或调整位置，保持界面的合理性。

内容的提问来源于stack exchange，提问作者user22774398