WPF TextBlock文本纵向排列

一.将TextBlock文本纵向排列输出有两种模式。

1.文字正常放置,只是纵向排列。

2.文字同样旋转90度,纵向排列。

二.详见下文实例

1.文本正常放置,纵向排列。

(1)后台代码

string s = text01.Text;
            text01.Text = "";
            int a = s.Length;
            for (int i = 0; i < a; i++) {
                text01.Text += s.Substring(i, 1)+"\n";

(2)前台代码

        <TextBlock Name="text01" Text="输入和输出" TextWrapping="Wrap"/>

(3)效果

(4)原理

  每次获取文本的一个字符,然后换行,再获取下一个字符,继续换行,循环到所有字符结束。

2.文本正常放置,纵向排列的另一种方式。

(1)代码

        <TextBlock Name="text01" TextWrapping="Wrap" Text="输入和输出"  Margin="30,10" FontSize="20" Width="23"/>

(2)效果

(3)原理

  将该TextBlock的宽度设置小一点,然后自动换行,即可实现该功能。

3.文字同样旋转90度,纵向排列。

(1)代码

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <TextBlock Name="text01" Text="输入和输出" TextWrapping="Wrap" Height="25" HorizontalAlignment="Left" FontSize="20" Margin="30,10">
            <TextBlock.LayoutTransform>
                <RotateTransform Angle="90"/>
            </TextBlock.LayoutTransform>
        </TextBlock>
    </Grid>

(2)效果

3.原理:只是使用了一个旋转方法。

时间: 2024-10-12 17:34:40

WPF TextBlock文本纵向排列的相关文章

WPF TextBlock 文本换行的2种方式

第1种: <TextBlock>      第一行<LineBreak/>      第二行  </TextBlock> 第2种 <TextBlock xml:space="preserve">   第一行   第二行 </TextBlock> 第2种加了xml:space="preserve",可以直接在文本上按space,tab键,不用标记,对于换行较多的情况比较方便

【UWP】仅在TextBlock文本溢出时显示Tooltip

原文:[UWP]仅在TextBlock文本溢出时显示Tooltip 前言 这是我今天在回答SO问题时偶然遇到的,觉得可能还比较通用,就记录下来以供参考. 通常,我们使用ToolTip最简单的方式是这样: <TextBlock Text="Test" ToolTipService.ToolTip="Test" /> 这样在光标悬浮在TextBlock上方时,会显示一个提示条,但是这似乎又违背了一个设计原则: ToolTip作为提示,应该仅在当前内容显示不全

wpf textblock超出显示范围后显示tooltip

原文:wpf textblock超出显示范围后显示tooltip public static class TextTrmmingShowToolTip { public static readonly DependencyProperty IsToolTipProperty = DependencyProperty.RegisterAttached( "IsToolTip", typeof(bool), typeof(TextTrmmingShowToolTip), new Prope

WPF 之 文本框及密码框添加水印效果

1.文本框添加水印效果 文本框水印相对简单,不需要重写模板,仅仅需要一个 VisualBrush 和触发器验证一下Text是否为空即可. <TextBox Name="txtSerachDataName" Width="120" Height="23" Grid.Column="3" Grid.Row="1"> <TextBox.Resources> <VisualBrush

WPF 滚动文本

<Window x:Class="MyAnimationDemo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="115" Widt

WPF TextBlock 和 Label文字垂直显示

简述   制作曲线时,Y轴标签需要垂直显示.只需将TextBlock 或 Label 的Layout旋转90°或270°即可. 代码 <TextBlock x:Name="TbYAxis" Canvas.Left="10" Canvas.Top="50" FontSize="20" Foreground="White" Text="Y轴"> <TextBlock.Lay

wpf中文本框只能输入整数

1 private void txtBarCodeNum_KeyUp(object sender, KeyEventArgs e) 2 { 3 TxtInt(sender as TextBox); 4 } 5 6 private void txtBarCodeNum_TextChanged(object sender, TextChangedEventArgs e) 7 { 8 TxtInt(sender as TextBox); 9 } 10 11 private void TxtInt(Te

WPF 文本的呈现

WPF呈现文本的控件有 TextBlock,Label  ,TextBox, RichTextBox 等等! 下面我们还是以呈现Hello World加以说明. 1.显示不同的样式的文本 代码: <WrapPanel Orientation="Vertical"> <TextBlock>Hello World</TextBlock> <TextBlock Margin="2"> <Run Foreground=&

背水一战 Windows 10 (27) - 控件(文本类): TextBlock

原文:背水一战 Windows 10 (27) - 控件(文本类): TextBlock [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(文本类) TextBlock 示例1.TextBlock 的示例 1Controls/TextControl/TextBlockDemo1.xaml <Page x:Class="Windows10.Controls.TextControl.TextBlockDemo1" xmlns="http://