调整窗口高度时TextBox文本移位/消失问题求助

问题 #

开发WPF计算器应用时，调整窗口高度时，名为TextResault的TextBox内的文本会向上移动，部分场景下甚至完全消失，无法把控响应式布局下的控件表现。

原因分析 #

1. 固定尺寸与自适应行高冲突：TextBox设置了固定Height="160"和Width="1420"，而它所在的Grid第一行高度是*（按比例分配窗口剩余空间）。当窗口高度缩小，第一行的可用空间小于TextBox的固定高度时，控件会被容器裁剪，导致文本向上偏移甚至超出可视区域。
2. 布局对齐逻辑矛盾：TextBox设置了VerticalAlignment="Center"，但当所在行的高度小于控件自身高度时，居中对齐会让控件的一部分被裁剪，文本自然跟着偏移。
3. 固定宽度导致横向溢出：固定Width="1420"会让窗口宽度不足时，TextBox超出Grid范围，进一步打乱布局逻辑。
4. 布局索引错误：代码中存在Grid.Column="4"的按钮（Grid仅定义4列，索引为0-3），会导致该按钮溢出，干扰整体布局。

解决建议 #

• 移除固定尺寸，改用自适应或范围限制：去掉TextBox的Height和Width属性，让它自适应所在Grid单元格的空间；如果需要限制大小，使用MinHeight/MaxHeight、MinWidth/MaxWidth替代固定值。
• 优化Grid行高分配：给显示区域所在的第一行设置更合理的高度规则，比如优先分配更多空间（如Height="2*"），或设置MinHeight确保不会被压缩到过小。
• 确保内容对齐正确：给TextBox添加VerticalContentAlignment="Center"和HorizontalContentAlignment="Right"（符合计算器显示习惯），保证文本在控件内部始终居中。
• 修正布局索引错误：将Grid.Column="4"的按钮改为Grid.Column="3"，避免溢出。

修改后的核心XAML代码 #

<Grid Background="WhiteSmoke" KeyDown="Grid_KeyDown">
    <Grid.RowDefinitions>
        <!-- 优先给显示区域分配更多空间，设置最小高度防止过度压缩 -->
        <RowDefinition Height="2*" MinHeight="120"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <!-- 移除固定Height和Width，添加内容对齐属性 -->
    <TextBox Background="White" Foreground="Black" IsReadOnly="True" 
             Name="TextResault" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" 
             HorizontalAlignment="Stretch" VerticalAlignment="Stretch" 
             Margin="10" FontSize="80" Text="0"
             VerticalContentAlignment="Center" HorizontalContentAlignment="Right"></TextBox>
    <TextBlock Foreground="Black" Name="TextNumber" TextTrimming="CharacterEllipsis" 
               Width="Auto" Height="Auto"  Grid.Column="3" Text="" FontSize="60" 
               VerticalAlignment="Center" HorizontalAlignment="Left" Margin="10"></TextBlock>
    
    <!-- 修正列索引错误的按钮 -->
    <Button Click="Button_Click_7" Grid.Column="3" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="2" FontSize="120">
        <Button.ContentTemplate>
            <DataTemplate>
                <Viewbox>
                    <TextBlock>-</TextBlock>
                </Viewbox>
            </DataTemplate>
        </Button.ContentTemplate>
    </Button>
    
    <!-- 其余按钮代码保持不变 -->
</Grid>

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