WinUI3中ComboBox与Button尺寸不一致问题排查与解决

问题原因 #

WPF的ComboBox和Button控件默认的ControlTemplate存在固有差异：

• 两者默认的Padding（内边距）数值不同，导致内部内容区域的占用高度不一致；
• 控件模板内的边框厚度、内部元素布局逻辑有区别，即便设置了相同的Height或VerticalAlignment="Stretch"，最终渲染的视觉高度仍会出现偏差。

修复方案 #

• 统一内边距：给两个控件设置相同的Padding属性，强制对齐内部内容区域的高度，示例代码：

  <ComboBox Padding="3" VerticalAlignment="Stretch"/>
  <Button Padding="3" VerticalAlignment="Stretch"/>
  

• 统一边框厚度：若边框厚度差异是问题诱因，设置相同的BorderThickness：

  <ComboBox BorderThickness="1" />
  <Button BorderThickness="1" />
  

• 自定义控件模板：如果默认模板差异过大，直接替换或修改控件的模板，让两者的布局结构完全一致。例如复制其中一个控件的模板，应用到另一个控件上。
• 容器约束对齐：将两个控件放入同一个横向StackPanel，再嵌入Grid列中，通过容器的布局规则强制高度对齐：

  <Grid.ColumnDefinitions>
      <ColumnDefinition Width="*"/>
      <ColumnDefinition Width="Auto"/>
  </Grid.ColumnDefinitions>
  <StackPanel Grid.ColumnSpan="2" Orientation="Horizontal">
      <ComboBox VerticalAlignment="Stretch" Width="150"/>
      <Button VerticalAlignment="Stretch" Content="选择"/>
  </StackPanel>
  

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