• WPF的TextBox水印效果详解


    一种自以为是的方式:

    本来只是想简单的做个水印效果,在文本框内容为空的时候提示用户输入,这种需求挺常见。网上一搜 都是丢给你你一大段xaml代码。用c#代码实现我是不倾向了 既然用wpf就得Xaml啊。首先我想到的是template嘛 wpf到处离不开template 。我想到的是一个border 套一个textblock嘛 然后让文本内容通过templateBinding到Text嘛 搞得不亦乐乎 ,并且也确实很快就达到了我要的效果:

     1 <TextBox>
     2     <TextBox.Template>
     3         <ControlTemplate TargetType="TextBox">
     4             <Border BorderThickness="1" Name="border" BorderBrush="Red">
     5                 <TextBlock Text="{TemplateBinding Text}"></TextBlock>
     6             </Border>
     7             <ControlTemplate.Triggers>
     8                 <MultiTrigger>
     9                     <MultiTrigger.Conditions>
    10                         <Condition Property="Text" Value=""></Condition>
    11                     </MultiTrigger.Conditions>
    12                     <Setter Property="Background" TargetName="border">
    13                         <Setter.Value>
    14                             <VisualBrush AlignmentX="Left" AlignmentY="Top"  Stretch="None">
    15                                 <VisualBrush.Visual>
    16                                     <TextBlock Width="500" Height="100" Background="#FFE8DBDB">请输入内容22</TextBlock>
    17                                 </VisualBrush.Visual>
    18                             </VisualBrush>
    19                         </Setter.Value>
    20                     </Setter>
    21                 </MultiTrigger>
    22             </ControlTemplate.Triggers>
    23         </ControlTemplate>
    24     </TextBox.Template>
    25 </TextBox>

    最后仔细一看杯具的发现文本内容输入的时候没有光标,然后我想到的就是把模板里的textblock改为textbox就完了嘛。好 一改更杯具了 水印效果抽风了 最后发现 用c#代码 强制让文本框Focus() 貌似就可以 ,也许本身元素就是TextBox 模板里面 再放TextBox 就会导致焦点无法获取造成各种混乱吧。最后弄不好 。

    通过尝试更改TextBox自带的模板来达到效果

    导出系统默认textBox的模板visualTree ,经过尝试成功达到效果,值得一提的是 我纳闷儿网上那些人为甚有的一贴出的xaml代码里面就是scrollviewer呢 并且还能够正确运行 让我很难理解 ,一看原来系统默认的就是scrollviewer 原来如此 还有Name=PART_ContentHost  只要写成他自然而然就能被当初内容宿主处理。看来PART_ContentHost  是个很特殊的系统名称,还有就是多行文本框通过 设置AcceptsReturn="True" VerticalScrollBarVisibility="Auto" 属性来达到:

     1  
     2 <TextBox Text="" Height="60" Name="nihao" Width="300" AcceptsReturn="True" VerticalScrollBarVisibility="Auto"  >
     3     <TextBox.Template>
     4         <ControlTemplate TargetType="TextBox">
     5             <!--下面必须写成PART_ContentHost 才能正常 无语又是一个神秘硬编码 
     6                         我就纳闷儿 为甚网上的人要写 scrollviewer 而且自然而然的就成了宿主 让文本显示在里面
     7                         原来通过代码导出的默认的visualtree就是这样的。只有decorator 或scrollviewer元素可以用作PART_ContentHost
     8                         -->
     9             <Border Name="borderContent" CornerRadius="10 0 0 10"  BorderThickness="1" BorderBrush="Blue" Background="#FFE8DBDB"  SnapsToDevicePixels="True">
    10                 <ScrollViewer HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden" Name="PART_ContentHost" Focusable="False"/>
    11             </Border>
    12             <ControlTemplate.Triggers>
    13                 <MultiTrigger >
    14                     <MultiTrigger.Conditions>
    15                         <Condition Property="IsFocused" Value="False"/>
    16                         <Condition Property="Text" Value=""/>
    17                     </MultiTrigger.Conditions>
    18                     <Setter Property="Background" TargetName="borderContent" >
    19                         <Setter.Value>
    20                             <VisualBrush AlignmentX="Left" AlignmentY="Top"  Stretch="None">
    21                                 <VisualBrush.Visual>
    22                                     <!--这里是无论何种手段都无法取得父元素 的宽度我无语 所以只能尽量把宽度 高度往大了写
    23                                                 {Binding RelativeSource={RelativeSource Mode=TemplatedParent},Path=Width}
    24                                                 -->
    25                                     <TextBlock Width="500" Height="100" Background="#FFE8DBDB">请输入内容</TextBlock>
    26                                 </VisualBrush.Visual>
    27                             </VisualBrush>
    28                         </Setter.Value>
    29                     </Setter>
    30                 </MultiTrigger>
    31                 <Trigger Property="IsFocused" Value="True">
    32                     <Setter Property="Background" TargetName="borderContent" Value="#FFE8DBDB"></Setter>
    33                 </Trigger>
    34             </ControlTemplate.Triggers>
    35         </ControlTemplate>
    36     </TextBox.Template>
    37 </TextBox>
    38             

    另一种方式:

    还有一种方式就是直接控制外围的style trigger也可达到效果,只不过圆角border你必须要在text控件外再套border才能实现:

     1  
     2 <TextBox Text="" Height="30" BorderThickness="1" BorderBrush="Blue"  Margin="10">
     3     <TextBox.Style>
     4         <Style TargetType="TextBox">
     5             <!--这种方式直接控制外围的 background 也可以达到效果 ,只不过圆角边框不能实现-->
     6             <Setter Property="Background" Value="#FFE8DBDB"></Setter>
     7             <Style.Triggers>
     8                 <MultiTrigger>
     9                     <MultiTrigger.Conditions>
    10                         <Condition Property="Text" Value="" ></Condition>
    11                     </MultiTrigger.Conditions>
    12                     <Setter Property="Background" >
    13                         <Setter.Value>
    14                             <VisualBrush AlignmentX="Left" AlignmentY="Top"  Stretch="None" >
    15                                 <VisualBrush.Visual >
    16                                     <Border Background="#FFE8DBDB" Width="500" Height="100">
    17                                         <TextBlock >请输入内容</TextBlock>
    18                                     </Border>
    19                                 </VisualBrush.Visual>
    20                             </VisualBrush>
    21                         </Setter.Value>
    22                     </Setter>
    23                 </MultiTrigger>
    24             </Style.Triggers>
    25         </Style>
    26     </TextBox.Style>
    27 </TextBox>

    最终效果:

  • 相关阅读:
    Asp.net的一些编码问题
    计算ScriptResource.axd的d参数
    关于控件Visible属性的说明
    多分类产品查询
    广告位管理系统跨域广告加载问题
    广告位管理系统使用说明
    Repeater控件备忘
    SubSonic中的字段付值MakeOld & Update
    关于Left join 到 Inner join 的提升MSSQL自动转换
    函数(方法)级的授权
  • 原文地址:https://www.cnblogs.com/assassinx/p/7531297.html
Copyright © 2020-2023  润新知