You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

XAML代码中TextBox控件右侧边框缺失问题咨询

XAML TextBox 右侧边框缺失问题解决

根因说明

该问题不属于平台Bug,是控件尺寸配置不合理导致的布局溢出:

  • 你为TextBox手动设置了固定宽度Width="50",同时配置了水平内边距Padding="3,4"(左右各占3px空间)
  • WinUI/UWP 平台的TextBox默认自带左右各1px的边框,加上内部文本输入区域的基础宽度要求,整体实际渲染所需宽度已经超过了你指定的50px
  • 超出控件尺寸范围的部分会被布局系统自动裁剪,因此右侧边框无法正常展示

修复方案

可任选以下任意一种方式修复:

  1. 调大TextBox的固定宽度,建议改为Width="56",预留足够空间容纳边框、内边距和文本内容
  2. 缩小水平内边距,比如将Padding改为Padding="1,4",减少水平方向的空间占用
  3. 移除固定宽度配置,改为自适应内容宽度,可配合MaxWidth限制最大尺寸避免布局错乱

修复后的代码示例

<!-- 方案1:调整宽度 -->
<TextBox x:Name="exportScale" Text="hello" 
     Width="56" Padding="3,4" TextAlignment="Center" />

<!-- 方案2:自适应宽度 -->
<TextBox x:Name="exportScale" Text="hello" 
     MaxWidth="80" Padding="3,4" TextAlignment="Center" />

内容的提问来源于stack exchange,提问作者Nick

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.08 13:45:02