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" + 宽度约束

相关推荐
dalong1011 小时前
WPF:Modbus 状态监控
wpf·modbus
He BianGu1 天前
【WPF-VisionMaster】机器视觉通用平台V5.0版本发行说明
opencv·c#·wpf·halcon·机器视觉·visionmaster
fogota4 天前
Emoji与Segoe MDL2 Assets的比较
c#·wpf
fogota5 天前
C# WPF 按钮加载字体图标 / 动物头像
c#·.net·wpf
fogota5 天前
C# WPF 按钮加载系统图标 / 动物头像
c#·.net·wpf
军训猫猫头5 天前
C# 封装 MySQL 自动写入与查询工具类(基于 MySqlConnector)
mysql·c#·.net·wpf
gis开发之家6 天前
Spring Boot 4 定时任务与异步线程池:从 @Scheduled 到高并发任务编排(生产级实战)
java·spring boot·后端·wpf·spring boot4
clz13145217 天前
如何设计一个优雅可靠的金融级联机接口
wpf
闲云自留地7 天前
云平台存储管理员:Cinder 创建挂载卷 + Swift 分布式存储原理
分布式·wpf·swift
敲代码的嘎仔8 天前
从集群锁失效到异步领券:我用分布式锁 + Redisson + MQ 把领券接口 RT 从 200ms 压到 15ms
java·数据库·redis·分布式·缓存·ai·wpf