1、首先获取DPI,系统的显示缩放影响Width

dpiInfo = VisualTreeHelper.GetDpi(this);

2、根据文字的字体、大小等等因素获取像素宽度

var formattedText = new FormattedText("文本值", System.Globalization.CultureInfo.InvariantCulture,
                      FlowDirection.LeftToRight,
                      new Typeface(this.TextBlockName.FontFamily,
                      this.TextBlockName.FontStyle,
                      this.TextBlockName.FontWeight,
                      this.TextBlockName.FontStretch),
                      this.TextBlockName.FontSize,
                      Brushes.Black, dpiInfo.PixelsPerDip);

控件内容的宽度：formattedText.WidthIncludingTrailingWhitespace；

TextBlockName是控件的名称

系列文章目录

WPF（1）WPF工程创建
WPF（2）WPF之Image组件
WPF（3）WPF之Button组件
WPF（5）WPF之DataGrid控件

TextBox控件的基本使用

一、什么是TextBox？

TextBox控件是WPF的文本输入控件，使用户输入录入系统数据的入口之一。有了此控件，用户可以将数据按照软件的流程录入进去。它允许用户输入一行或多行数据。

二、TextBox的使用

1.单行TextBox

最简单的使用方法如下：

<Window x:Class="WPF006_TextBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF006_TextBox"
        mc:Ignorable="d"
        Title="MainWindow" Height="600" Width="400">
    <StackPanel Margin="10">
        <TextBox/>
    </StackPanel>
</Window>

效果如下：

如果想要在TextBox控件中预先设定文本的话需要结合TextBox的Text属性

在后台程序中，也可以通过此属性做控件内容上的获取及设置。

2.Text属性前台与后台的运行时机

当xaml文档中设置了Text属性的值，后台通过代码动态设置Text属性会先执行哪一个呢？

前台代码如下：

<Window x:Class="WPF006_TextBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF006_TextBox"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <StackPanel Margin="10">
        <TextBox Name="MyTextBox" Text="你好，TextBox!"/>
    </StackPanel>
</Window>

后台代码如下：

using System.Windows;

namespace WPF006_TextBox
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            
            InitializeComponent();
            this.MyTextBox.Text = "这是修改后的！";
        }
    }
}

运行的结果如下：

结果显示如上图，结合之前的内容，我们可以知道。最后执行了后台的代码。原因是

 InitializeComponent();

InitializeComponent()；方法会初始化组件，在xaml中设置的Text的值也执行过，只不过被后来的后台代码

 this.MyTextBox.Text = "这是修改后的！";

覆盖过了而已。
当我们把以上两行代码互换位置如下：

后台代码:

using System.Windows;

namespace WPF006_TextBox
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.MyTextBox.Text = "这是修改后的！";
            InitializeComponent();
            
        }
    }
}

效果如下：

就会引发异常，原因是初始化函数并未完成，此时this.MyTextBox还不存在，因此是空指针异常。
所以我们所有的使用控件的逻辑都要放在初始化函数之后调用。

3.多行文本框

在很多是时候程序需要用户输入大量文字，使用单行的TextBox就有点捉襟见肘了。那么我们就希望有一个控件能拥有这样的能力。而TextBox恰恰也具备这种能力，而且非常简单。

前台代码如下：
后台代码不变

<Window x:Class="WPF006_TextBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF006_TextBox"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <StackPanel Margin="10">
        <TextBox Name="MyTextBox" Text="你好，TextBox!"/>
        <TextBox TextWrapping="Wrap"/>
    </StackPanel>
</Window>

效果如下：

前台代码如下：
后台代码不变

<Window x:Class="WPF006_TextBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF006_TextBox"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <StackPanel Margin="10">
        <TextBox Name="MyTextBox" Text="你好，TextBox!"/>
        <TextBox TextWrapping="Wrap"/>
    </StackPanel>
</Window>

3.1 换行属性AcceptsReturn

当我们希望文字换行时，我们可以在添加一个属性–AcceptsReturn
该属性默认值是false,表示不接受换行
当属性值设置True时，在光标处按下Enter键即可换行

前台代码:

<Window x:Class="WPF006_TextBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF006_TextBox"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="400">
    <StackPanel Margin="10">
        <TextBox Name="MyTextBox" Text="你好，TextBox!"/>
        <TextBox AcceptsReturn="True" TextWrapping="Wrap"/>
    </StackPanel>
</Window>

效果如图：

总结

好了，本篇文章在不在啰嗦了！如果您感觉OK记得点赞、关注、转发！谢谢！
以上就是今天要讲的有关TextBox控件的内容，若有不足，望大佬能够给予批评与修正！

1、TextBox 介绍

    TextBox ：文本输入框控件，是WPF中最基本的文字输入控件。它允许最终用户在一行、对话输入、或多行编写，就像是个编辑器。

    尝试在文本框里鼠标右击。你会得到一个选项菜单，允许你和Windows剪贴板一块使用这个TextBox。默认的撤销和重做的键盘快捷方式(Ctrl + Z 和 Ctrl + Y)也应该是起作用的，并且所有这些功能你能够不受限制的使用。

  特别要注意：
    TextBox 具有对浮泡 MouseUp 和 MouseDown 事件的内置处理。 因此，将不调用侦 MouseUp 听的自定义事件处理程序或 MouseDown 从中 TextBox 侦听的事件。 如果需要响应这些事件，请改为侦听隧道 PreviewMouseUp 和 PreviewMouseDown 事件，或将处理程序注册到 HandledEventsToo 参数 (后一个选项只能通过代码) 使用。 请勿标记所处理的事件，除非有意禁用 TextBox 对这些事件的本机处理，并且请注意，这对控件的 UI 有显著影响。    

**************************************************************************************************************

2、常用属性介绍

    Background：背景；    BorderBrush：边框背景的颜色；    BorderThickness：边框宽度；
    
    CanRedo：是否可重做最新的撤消操作；    CanUndo：是否可撤消最新的操作；
    
    CaretIndex：获取或设置插入符号的插入位置索引。
    
    FlowDirection：获取或设置文本和其他用户界面 (UI) 元素在控制其布局的任何父元素内流动的方向。
    
    Focusable：焦点获取；    FontWeight：字体的粗细；Foreground：前景色；
    
    FontFamily：字体样式；    FontSize：字体大小；    FontStretch：字体在屏幕上紧缩或加宽的程度。
    
    HorizontalAlignment/VerticalAlignment：获取或设置在父元素中组合此元素时所应用的水平对齐特征/垂直对齐特征。
    
    HorizontalContentAlignment/VerticalContentAlignment：获取或设置控件内容的水平对齐方式/垂直对齐方式。
    
    HorizontalScrollBarVisibility/VerticalScrollBarVisibility：是否显示水平滚动条/垂直滚动条；
    
    HorizontalOffset/VerticalOffset：获取和设置水平滚动条的位置/垂直滚动条的位置；
    
    IsEnabled：使能，是否可用；    IsReadOnly：对用户而言是否只读；
    
    IsUndoEnabled：是否支持撤销功能；    LineCount：文本总行数；
    
    MaxLength：在文本框中手动输入的最大字符数。
    
    MaxLines/MinLines：最大可见行数/最小行数。
    
    Name：元素标识名称；    Opacity：透明度；
    
    SelectedText：文本框中当前选择的内容。

    SelectionBrush：突出显示选定文本的画笔。
    
    SelectionLength：文本框中当前选择的字符数。

    SelectionOpacity：选择文本的透明度。

    SelectionStart：当前选择的起始位置的字符索引。

    SelectionTextBrush：选中文本的颜色；
    
    Text：文本框的文本内容。
    
    TextAlignment：文本框内容的水平对齐方式。
    
    TextWrapping：文本框中文本的换行方式。

**************************************************************************************************************

3、具体代码示例

<StackPanel Margin="10">
	<!--添加一个名为txtbox1的TextBox，外边距为10、宽度200、高度35、水平居中、垂直居中-->
	<TextBox x:Name="txtbox1" Margin="10" Width="200" Height="35" HorizontalAlignment="Center" VerticalAlignment="Center" >
		秋风清，秋月明，落叶聚还散，寒鸦栖复惊，相思相见知何日，此时此夜难为情。
	</TextBox>
	
	<!--添加一个名为txtbox2的TextBox，宽度200、高度80、水平居左、垂直居中、前景色为OrangeRed、
	背景色为Wheat、边框颜色为Cyan，边框宽度为1，文本内容水平居中垂直居中-->
	<TextBox x:Name="txtbox2" Margin="10 0 10 0" Width="200" Height="80" HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="OrangeRed"
			 Background="Wheat" BorderBrush="Cyan" BorderThickness="1" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"
			 TextWrapping="Wrap">
		秋风清，秋月明，落叶聚还散，寒鸦栖复惊，相思相见知何日，此时此夜难为情。
	</TextBox>

	<!--添加一个名为txtbox3的TextBox，宽度200、高度60、水平居左、垂直居中、前景色为OrangeRed、
	背景色为Wheat、文本内容水平居中垂直居上、选中文本的颜色为YellowGreen，透明为0.5-->
	<TextBox x:Name="txtbox3" Width="200" Height="60" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="OrangeRed"
			 Background="Wheat"  HorizontalContentAlignment="Center" VerticalContentAlignment="Top"
			  TextDecorations="Underline"  SelectionBrush="YellowGreen" SelectionOpacity="0.5">
		秋风清，秋月明，落叶聚还散，寒鸦栖复惊，相思相见知何日，此时此夜难为情。
	</TextBox>
</StackPanel>

**************************************************************************************************************

4、效果图

**************************************************************************************************************

5、总结和扩展

    TextBox：通过改写模板样式，可以实现水印输入框，密码框，以及各式各样的输入框。

    AcceptsReturn决定了文本框是多行的，当你按下回车键时，换到下一行。TextWrapping使文字到达右边界时自动切换到下一行。

**************************************************************************************************************