WPF的TextBox水印效果详解
来源:互联网 发布:seo的优势 编辑:程序博客网 时间:2024/05/22 02:15
一种自以为是的方式:
本来只是想简单的做个水印效果,在文本框内容为空的时候提示用户输入,这种需求挺常见。网上一搜 都是丢给你你一大段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>
- WPF的TextBox水印效果详解
- 【小企】WPF实现TextBox水印效果
- WPF有水印的TextBox(WaterMark)
- WPF 水印 TextBox MaskedTextBox
- WPF 的圆角TextBox和有水印的TextBox
- asp.net textbox 水印效果
- C# WINFORM TEXTBOX水印效果
- SilverLight TextBox水印效果实现
- C# winform textbox 水印效果
- WPF Textbox的使用
- WPF TextBox的SpellCheck功能
- 使用javascript和css来实现textbox水印效果
- 文字的水印效果
- wpf textbox中输入文本下面呈现倒影效果
- WPF DatePicker 的textbox的焦点
- WPF自定义样式系列(二)——TextBox输入框样式(部分带水印)
- php 图片的水印效果
- WPF TextBox绑定数据的简单应用
- Oracle 常用函数
- 第三周项目4
- mysql根据binlog文件查看更新日志。Linux系统
- 学习JavaScript事件处理程序思维导图
- shell脚本进阶 详解及其实例
- WPF的TextBox水印效果详解
- 极化码之高斯近似
- Lua学习之函数
- 2017 ACM-ICPC 亚洲区(西安赛区)网络赛 F. Trig Function (切比雪夫多项式)
- JavaScript封装一个MyAlert弹出框
- Android微信登录、分享、支付
- 有序单链表
- JAVA并发编程——守护线程(Daemon Thread)
- 去哪儿笔试20170916 部分和问题