XAML代码中TextBox控件右侧边框缺失问题咨询
XAML TextBox 右侧边框缺失问题解决
根因说明
该问题不属于平台Bug,是控件尺寸配置不合理导致的布局溢出:
- 你为
TextBox手动设置了固定宽度Width="50",同时配置了水平内边距Padding="3,4"(左右各占3px空间) - WinUI/UWP 平台的
TextBox默认自带左右各1px的边框,加上内部文本输入区域的基础宽度要求,整体实际渲染所需宽度已经超过了你指定的50px - 超出控件尺寸范围的部分会被布局系统自动裁剪,因此右侧边框无法正常展示
修复方案
可任选以下任意一种方式修复:
- 调大
TextBox的固定宽度,建议改为Width="56",预留足够空间容纳边框、内边距和文本内容 - 缩小水平内边距,比如将
Padding改为Padding="1,4",减少水平方向的空间占用 - 移除固定宽度配置,改为自适应内容宽度,可配合
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
相关产品推荐
相关产品推荐

