【Win10】让 TextBlock 按字符换行

本文介绍了一种在Win10环境下使TextBlock控件按字符换行的方法,通过使用零宽空格字符解决空白字符换行导致的UI问题,保持文本的视觉一致性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文: 【Win10】让 TextBlock 按字符换行

要想将 TextBlock 里的文本自动换行的话,只需要设置 TextWrapping 属性为 Wrap 即可。

但是 TextWrapping 是尽可能根据空白字符来换行的,因此,就有可能出现下面这种状况:

QQ截图20160117223256

每一行的尾部会出现长短不一的空白。

在 UI 设计上,有一点建议,那就是同一级的内容是要对齐的。

而现在上面这种情况就有可能误导用户分成三段信息:

QQ截图20160117223626

而且这样的显示,也不美观。

 

因此,我们不禁想问,为什么要按照空白字符来换行,而不是按字符来换行呢?

既然微软没有提供这个功能,那我们只能自己动手实现。

 

在字符当中,有一些特殊的字符,例如换行符、制表符这些的,当中有一个更为特殊的字符,叫做零宽空格:https://en.wikipedia.org/wiki/Zero-width_space

既然它是一个空格,那么它肯定是可以对 TextWrapping 起作用的了。

那么只需要在文本的每一个字符间插入这么一个零宽字符的话,我们需要的效果就应该能实现了。

编写一个 CharacterWrapConverter:

public class CharacterWrapConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var str = (string)value;
        return string.Join("\u200B", str.ToCharArray());
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

效果:

QQ截图20160117224953

那么,现在你肯定会认为这段文本是一个整体,而不是像前面那样看上去分成了三块。而且看上去美观多了。

posted on 2019-01-04 09:33 NET未来之路 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/10218075.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值