WinUI 3 NumberBox宽度缩小时出现裁剪问题

不用折腾自定义控件，试试这几个快速解决方法：

• 调整内部边距与最小宽度
  先减少NumberBox的内部水平边距，同时设置一个能容纳3位数字的最小宽度，避免内容被裁剪。XAML代码示例：

  <NumberBox HorizontalPadding="4" MinWidth="60" Width="60" />
  

  边距可以根据实际显示效果微调，最小宽度能保证控件有足够空间渲染完整的圆角和数字。

• 强制统一圆角样式
  如果调整边距后还是出现直角，直接手动设置CornerRadius属性，强制左右两侧圆角一致：

  <NumberBox CornerRadius="4" Width="60" />
  

  这个属性会覆盖控件默认的圆角逻辑，不管宽度多少，都能保持统一的圆角外观。

• 避免父容器挤压变形
  检查NumberBox的父容器布局，确保控件没有被强制拉伸或挤压。比如设置HorizontalAlignment="Left"，让控件以自身宽度显示，而不是填充父容器：

  <NumberBox Width="60" HorizontalAlignment="Left" />
  

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