XAML布局适配问题：Resize时列宽压缩与RichTextBox垂直扩展异常

布局需求 #

• 列0和列2固定为对应标签的最大宽度，列1、3随窗口Resize自动扩展
• TextBox2、TextBox7随窗口宽度变化自动扩展
• TextBox3横向扩展至窗口右边界
• ComboBox宽度固定为其选项所需的大小
• 与label4关联的RichTextBox向右侧和底部扩展，填充所有可用空间

当前问题 #

1. 窗口宽度缩小时，列0和列2被过度压缩，标签文本被截断
2. RichTextBox未垂直扩展，底部与TabControl底部存在空白

修改后的XAML代码 #

<UserControl x:Class="MyControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:Gui"
         mc:Ignorable="d">

<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Dictionaries\Styles.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</UserControl.Resources>

<Grid Margin="10,10,10,10">
    <Grid.ColumnDefinitions>
        <!-- 列0：自动适应标签宽度，最小宽度防止压缩截断 -->
        <ColumnDefinition Width="Auto" MinWidth="60"/>
        <!-- 列1：分配剩余水平空间 -->
        <ColumnDefinition Width="*"/>
        <!-- 列2：自动适应标签宽度，最小宽度防止压缩截断 -->
        <ColumnDefinition Width="Auto" MinWidth="50"/>
        <!-- 列3：分配剩余水平空间 -->
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <!-- 前4行：自适应控件高度 -->
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <!-- 第5行：分配所有剩余垂直空间 -->
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Label Name="labelCol0" Grid.Row="0" Grid.Column="0" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="1" Margin="1,5,10,5" HorizontalAlignment="Left">Column 0</Label>
    <Label Name="labelCol1" Grid.Row="0" Grid.Column="1" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="1" Margin="1,5,10,5">Column 1</Label>
    <Label Name="labelCol2" Grid.Row="0" Grid.Column="2" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="1" Margin="1,5,10,5">Column 2</Label>
    <Label Name="labelCol3" Grid.Row="0" Grid.Column="3" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="1" Margin="1,5,10,5">Column 3</Label>

    <Label Name="label1" Grid.Row="1" Grid.Column="0" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="1" Margin="1,5,10,5" HorizontalAlignment="Left">label 1</Label>
    <ComboBox Name="_cbo1" Grid.Row="1" Grid.Column="1" Width="93" HorizontalAlignment="Left" TabIndex="0" Margin="0,5,0,5" />
    <Label Name="label6" Grid.Row="1" Grid.Column="2" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="4" Margin="1,5,0,5" HorizontalAlignment="Left">label 6</Label>
    <ComboBox Name="_cbo2" Grid.Row="1" Grid.Column="3" Width="76" TabIndex="3" HorizontalAlignment="Left" Margin="0,5,0,5" />

    <Label Name="label2" Grid.Column="0" Grid.Row="2" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="8" HorizontalAlignment="Left" Margin="1,5,0,5">label 2</Label>
    <TextBox Name="_txt2" Grid.Column="1" Grid.Row="2" TabIndex="6" TextWrapping="Wrap" Margin="0,6,10,6" Text="TextBox 2"/>
    <Label Name="label7" Grid.Column="2" Grid.Row="2" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="9" HorizontalAlignment="Left" Margin="0,5,0,5">label 7</Label>
    <TextBox Name="_txt7" Grid.Column="3" Grid.Row="2" TabIndex="7" TextWrapping="Wrap" Margin="1,5,10,5" Text="TextBox 7" />

    <Label Name="label3" Grid.Column="0" Grid.Row="3" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="13" HorizontalAlignment="Left" Margin="1,5,0,5">label 3</Label>
    <TextBox Name="_txt3" Grid.Column="1" Grid.Row="3" Grid.ColumnSpan="3" TabIndex="12" TextWrapping="Wrap" Margin="0,5,10,5" Text="TextBox 3" />

    <Label Name="label4" Grid.Column="0" Grid.Row="4" FontSize="11" FontFamily="Microsoft Sans Serif" TabIndex="24" HorizontalAlignment="Left" Margin="1,5,0,5">label 4</Label>
    <RichTextBox Name="richTextBox4" Grid.Column="1" Grid.Row="4" Grid.ColumnSpan="3" TabIndex="25" Margin="1,5,10,10">
        <FlowDocument>
            <Paragraph>
                <Run></Run>
            </Paragraph>
        </FlowDocument>
    </RichTextBox>

</Grid>
</UserControl>

关键修改说明 #

1. 列定义优化：

   • 列0和列2设为Width="Auto"，自动匹配标签的最大宽度；添加MinWidth避免窗口缩小时文本被截断
   • 列1和列3设为Width="*"，自动分配剩余水平空间，实现随窗口宽度动态扩展

2. 行定义调整：

   • 前4行设为Height="Auto"，自适应行内控件的高度
   • 第5行设为Height="*"，占用所有剩余垂直空间，让RichTextBox可以向下填充空白区域

3. 控件属性清理：

   • 移除Label上固定的Width属性，确保Auto列能正确计算宽度
   • 删除label4上不合理的上下Margin（原Margin="1,72,0,73"会强制拉开不必要的间距）
   • 移除RichTextBox冗余的Width="auto"属性（默认即为拉伸填充）

内容的提问来源于stack exchange，提问作者Gianluca D'Elia