WPF如何在Window.Resources中绑定ComboBox文本框宽度到父ComboBox

你当前自定义样式中PART_EditableTextBox无法随父级ComboBox同步宽度，是两个配置错误导致的：

• 文本框设置了HorizontalAlignment="Left"，该对齐模式下元素只会按自身内容宽度渲染，不会主动拉伸占满父容器可用空间
• 垂直对齐设置为Bottom，也会导致文本框高度无法和ComboBox匹配

具体修改方法 #

找到ControlTemplate中名为PART_EditableTextBox的TextBox节点，直接替换为如下配置即可：

<TextBox x:Name="PART_EditableTextBox"
    Style="{x:Null}"
    Template="{StaticResource ComboBoxTextBoxTemplate}"
    HorizontalAlignment="Stretch"
    VerticalAlignment="Stretch"
    Margin="3,3,23,3"
    Focusable="True"
    Foreground="{TemplateBinding Foreground}"
    Background="Transparent"
    Visibility="Hidden"
    IsReadOnly="{TemplateBinding IsReadOnly}" />

修改说明 #

1. 将HorizontalAlignment从Left改为Stretch，让文本框自动拉伸占满父级Grid的横向可用空间
2. 将VerticalAlignment从Bottom改为Stretch，同步适配ComboBox的高度
3. 保留原有Margin="3,3,23,3"配置，右侧23px的边距刚好为下拉ToggleButton预留位置，不会出现文本框和下拉按钮重叠的问题

可选扩展（适配可变宽度下拉按钮场景） #

如果后续你需要调整下拉ToggleButton的宽度，硬编码23px右边距会出现适配问题，可以通过绑定+值转换器的方式动态计算文本框宽度：

1. 先写一个简单的值转换器，逻辑为输入父ComboBox的实际宽度，减去ToggleButton宽度和左右边距，返回文本框应该设置的宽度
2. 给TextBox添加宽度绑定：

Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ActualWidth, Converter={StaticResource WidthCalculateConverter}}"

绝大多数固定样式的场景下，直接用Stretch对齐的方案就足够，不需要额外写转换器，性能更好也更易维护。
修改完成后，无论你怎么调整Grid中ComboBox的宽度，内部可编辑文本框都会同步自适应，不会出现文本框过短、超出边界或者和下拉按钮重叠的问题。

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