wpf小玩意之关键字文本框

　　有些时候，我们会碰到在输入文本时高亮一些文本关键字，譬如以下这图：

　　

　　很明显，这个输入的文本中有四个关键字，正常文本都是黑色，关键字文本用了其他颜色。那么我们如何达到这种效果呢。wpf的textblock控件有个TextEffects属性，专门获取或设置用于此元素中的文本内容的效果，因此，可以用textblock来显示输入的文本，从而达到高亮文本的效果，显示的问题解决了，那文本的输入，编辑呢？由于textblock只是显示文本的控件，无法输入，编辑，所以我们要换一个思路，用一些巧妙的方法达到这种可编辑的高亮文本效果。

 <ScrollViewer x:Class="KeyWordTextBox.KWTextBox"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              VerticalScrollBarVisibility="Auto"
              >
     <Grid>
     <TextBlock  LineHeight=""  x:Name="tbk" Text="{Binding ElementName=tbx,Path=Text}" Padding="4,3,0,0" TextWrapping="Wrap"></TextBlock>
     <TextBox  TextChanged="tbx_TextChanged" SizeChanged="tbx_SizeChanged" x:Name="tbx" AcceptsReturn="True"  TextWrapping="Wrap"  Background="Transparent"  Foreground="#00000000" BorderBrush="#00000000"
           ></TextBox>
         </Grid>
 </ScrollViewer>

　在这里，我用了一个textbox和textblock控件分别用来文本编辑和文本显示，可以看到，这里是将textbox叠加到textblock上面，并且使得textbox透明，将textblock的Text绑定textbox的Text属性，从而使下面的textblock文本得以显示输入的文本。之后，我们只需要统一两个控件的文本位置，就能完成高亮文本的实现。

　　

  public List<Tuple<string, Brush>> Keys
         {
             get { return (List<Tuple<string, Brush>>)GetValue(KeysProperty); }
             set { SetValue(KeysProperty, value); }
         }

         // Using a DependencyProperty as the backing store for Keys.  This enables animation, styling, binding, etc...
         public static readonly DependencyProperty KeysProperty =
             DependencyProperty.Register("Keys", typeof(List<Tuple<string, Brush>>), typeof(KWTextBox), new PropertyMetadata(new List<Tuple<string, Brush>>()));

         private void tbx_TextChanged(object sender, TextChangedEventArgs e)
         {
             tbk.Text = "";
             tbk.TextEffects.Clear();
             for (int i = ; i < tbx.LineCount; i++)
             {
                 string a = tbx.GetLineText(i);
                 if (a.Contains("\r\n"))
                 {
                     a = a.Substring(, a.IndexOf("\r\n"));
                 }
                 if (i == )
                 {
                     tbk.Text += a;
                 }
                 else
                 {
                     tbk.Text += "\n" + a;
                 }
             }
             string s = this.tbk.Text;
             int start = ;
             foreach (var key in Keys)
             {
                 start = ;
                 while (start < s.Length)
                 {
                     var i = s.IndexOf(key.Item1, start);
                     if (i != -)
                     {
                         TextEffect tex = new TextEffect()
                         {
                             Foreground = key.Item2,
                             PositionCount = key.Item1.Length,
                             PositionStart = i,
                         };
                         this.tbk.TextEffects.Add(tex);
                         start = i + key.Item1.Length;
                     }
                     else
                     {
                         break;
                     }
                 }
             }

         }

         private void tbx_SizeChanged(object sender, SizeChangedEventArgs e)
         {
             tbx_TextChanged(sender, null);
         }

　　以上就是在输入文本时触发的事件，也就是TextChange事件，在这里先使得textblock对齐textbox，之后再遍历文本，查找关键字，改变textblock的TextEffects属性。至此，这个小功能就基本完成了。

　　源码