wpf TextBlock 控件如何根据内容换行?

在 WPF 中,让 TextBlock 根据内容自动换行,核心是设置 TextWrapping="Wrap",并配合宽度约束。

1. 核心属性:TextWrapping

TextWrapping 是枚举,控制换行行为:

  • NoWrap(默认):不换行,超出部分被截断
  • Wrap自动换行(按单词 / 空格换行,长单词可能被截断)
  • WrapWithOverflow:换行,但允许长单词超出边界不截断

2. XAML 示例(自动换行)

复制代码
<!-- 固定宽度,自动换行 -->
<TextBlock 
    Text="这是一段很长很长的文本内容,会根据 TextBlock 的宽度自动换行显示。"
    Width="200"
    TextWrapping="Wrap" />

<!-- 自适应父容器宽度,自动换行 -->
<Grid Width="300">
    <TextBlock 
        Text="自适应容器宽度,内容超出自动换行。"
        TextWrapping="Wrap"
        HorizontalAlignment="Stretch" />
</Grid>

3. C# 后台代码设置

复制代码
TextBlock textBlock = new TextBlock();
textBlock.Text = "后台代码设置自动换行的长文本...";
textBlock.Width = 200;
textBlock.TextWrapping = TextWrapping.Wrap; // 关键

4. 手动强制换行(固定换行)

  • XAML:用 &#x000A;<LineBreak/>

    第一行文本 第二行文本 第三行
  • C#:用 \nEnvironment.NewLine

    textBlock.Text = "第一行\n第二行\r\n第三行";

5. 常见问题:换行不生效

  • 未设宽度 :TextBlock 必须有 Width/MaxWidth 或父容器限制宽度
  • 父容器允许无限宽 (如 ScrollViewer 内):需给 TextBlock 设 MaxWidth
  • 长英文 / URL :默认按空格换行,无空格时用 TextTrimming 裁剪或加软连字符 &shy;

6. 进阶:TextTrimming(省略号)

配合换行,超长末尾显示 ...

复制代码
<TextBlock 
    Text="非常长的文本..."
    Width="200"
    TextWrapping="Wrap"
    TextTrimming="CharacterEllipsis" />

总结 :自动换行 = TextWrapping="Wrap" + 宽度约束

相关推荐
2601_9621741715 小时前
Redis 简介
数据库·redis·wpf
SamChan902 天前
Python+PyMuPDF提取PDF表格并翻译:表格结构检测与双语重建实战
windows·python·ai·pdf·wpf
SamChan902 天前
Python+OpenCV检测PDF翻译后排版偏移:像素级格式一致性验证
python·opencv·ai·pdf·wpf
FuckPatience2 天前
WPF 拿到控件的最初样式,修改获得焦点样式
wpf
主宰者2 天前
【WPF】MainWindow前添加加载窗口,发现加载过程中有白色无内容窗口闪烁一下的解决方案
wpf
Vae_Mars3 天前
WPF中的ControlTemplate(控件模板)
wpf
SamChan903 天前
Python+ReportLab自动生成PDF翻译质量审计报告:从数据到可视化的完整方案
开发语言·python·ai·pdf·wpf
circuitsosk3 天前
多智能体协同在能源数据分析中的实践:分配-执行-校验闭环架构设计
python·数据分析·wpf·能源·并行计算·多智能体系统·agent协作
weixin199701080164 天前
《大促护航:电商API限流与降级,双11峰值500万调用的架构复盘》(附Python源码)
python·架构·wpf
hh9505 天前
gent Plan x DeepSeek Harness:多 Agent 协作场景下的中央编排实践
人工智能·wpf·adg·火山引擎·agent plan·adg成都社区