win10 uwp 在 xaml 让 TextBlock 换行

林德熙

发布于 2019-03-13 16:12:37

1.4K0

发布于 2019-03-13 16:12:37

文章被收录于专栏：林德熙的博客林德熙的博客

本文告诉大家几个方法在 xaml 的 TextBlock 的 Text 换行

在 xaml 可以使用 
 表示换行，所以最简单的方法是在 Text 里面输入 
 换行

如显示下面的图片，可以使用下面代码

        <TextBlock Text="换行的最简单方法&#x0a;欢迎访问我博客 lindexi.gitee.io 里面有大量 UWP WPF 博客
" 
                   HorizontalAlignment="Center"
                   VerticalAlignment="Center" />

如果换行需要使用 \r\n 可以在 xaml 使用 
 替换

如果是在 WPF 可以通过 LineBreak 的方法换行

        <TextBlock HorizontalAlignment="Center"
                   VerticalAlignment="Center">
            <TextBlock.Text>
                换行的最简单方法
                <LineBreak/>
                欢迎访问我博客 lindexi.gitee.io 里面有大量 UWP WPF 博客
            </TextBlock.Text>
        </TextBlock>

但是上面的方法无法在 UWP 使用

好在可以使用xml:space="preserve"直接输入换行

        <TextBlock xml:space="preserve">
            <TextBlock.Text>
                换行的最简单方法
                欢迎访问我博客 lindexi.gitee.io 里面有大量 UWP WPF 博客
            </TextBlock.Text>
        </TextBlock>

添加了 space 就可以在换行的时候自动换行

如果担心在元素上添加 xml:space="preserve" 会让其他的功能不好用，可以使用资源的方法，请看代码

        <Grid.Resources>
            <x:String x:Key="str" xml:space="preserve">
                换行的最简单方法
                欢迎访问我博客 lindexi.gitee.io 里面有大量 UWP WPF 博客
            </x:String>
        </Grid.Resources>
        <TextBlock HorizontalAlignment="Center" 
                   VerticalAlignment="Center" Text="{StaticResource str}">
         
        </TextBlock>

使用了 xml:space="preserve" 会将行前的空格也加上