如何实现WPF应用页脚TextBox的特定自适应缩放行为？

需求说明 #

• 空间充足时：TextBox仅拉伸至显示完整路径，多余空白留于选择文件夹按钮与右侧按钮之间
• 空间不足时：TextBox自动截断路径显示省略号，且选择文件夹按钮不会被压缩覆盖

纯XAML解决方案 #

<Window>
    <Window.DataContext>
        <local:MainWindowViewModel />
    </Window.DataContext>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>

        <!-- 其他页面内容 -->

        <Grid Grid.Row="3">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>

            <CheckBox Grid.Column="0" 
                      VerticalContentAlignment="Center" 
                      VerticalAlignment="Center" 
                      Padding="2,0" 
                      Content="Checkbox"/>

            <TextBlock Grid.Column="1" 
                       Margin="10,0,0,0" 
                       VerticalAlignment="Center" 
                       Text="Log Folder: "/>

            <!-- 核心：TextBox与选择按钮的嵌套容器 -->
            <Grid Grid.Column="2" HorizontalAlignment="Left">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <TextBox Grid.Column="0" 
                         Height="24" 
                         VerticalAlignment="Center" 
                         VerticalContentAlignment="Center" 
                         Padding="2" 
                         Focusable="False" 
                         IsReadOnly="True" 
                         Cursor="Hand" 
                         Text="{Binding LogFolder}"
                         TextTrimming="CharacterEllipsis"/>

                <Button Grid.Column="1" 
                        Height="24" 
                        Width="24" 
                        Margin="4,0" 
                        VerticalAlignment="Center" 
                        Command="{Binding SelectFolderCommand}">
                    <Image Width="16" Height="16" Source="/Images/Refresh.png"/>
                </Button>
            </Grid>

            <Button Grid.Column="4" 
                    VerticalAlignment="Center" 
                    Content=" Button "/>
        </Grid>
    </Grid>
</Window>

方案原理 #

1. 外层Grid列布局：第三列设为Width="*"，用于占据页脚剩余水平空间，保证右侧按钮始终固定在最右端
2. 嵌套Grid的作用：将TextBox和选择按钮放入Auto列的嵌套Grid中，确保按钮始终保留自身所需宽度，不会被压缩
3. 对齐方式：嵌套Grid设置HorizontalAlignment="Left"，空间充足时自动靠左，多余空间自然留在嵌套容器与右侧按钮之间
4. 文本截断：TextBox添加TextTrimming="CharacterEllipsis"，空间不足时自动截断路径并显示省略号，避免内容溢出

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