WPF实现TextBox水印效果
2014-10-13 18:14
477 查看
在日常项目中,一个TextBox需要输入用户名,我们通常的做法是先用一个TextBlock来说明,例如下面的截图:
今天将使用另外一种方式来展示,使用水印的方式。请参考下面的代码:
运行效果截图:
我们可以把这个封装成一个UserControl,这样就可以复用了。可以下载我的项目代码,我已经把它封装成一个控件。代码下载。
当然我们也可以使用其他控件实现,例如 Extended WPF Toolkit 的 WatermarkTextBox 控件。
如果有其他实现方式欢迎与我分享。感谢你的阅读。
今天将使用另外一种方式来展示,使用水印的方式。请参考下面的代码:
<Window.Resources> <BooleanToVisibilityConverter x:Key="booleanToVisibilityConverter"/> <Style x:Key="EntryFieldStyle" TargetType="Grid" > <Setter Property="HorizontalAlignment" Value="Stretch" /> <Setter Property="VerticalAlignment" Value="Center" /> <Setter Property="Margin" Value="20,0" /> </Style> </Window.Resources> <Grid Style="{StaticResource EntryFieldStyle}"> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Grid Grid.Row="0"> <TextBlock Text="请输入用户名" Margin="5,2" Visibility="{Binding ElementName=txtWatermark, Path= Text.IsEmpty, Converter={StaticResource booleanToVisibilityConverter}}"/> <TextBox x:Name="txtWatermark" Background="Transparent" BorderBrush="Indigo"/> </Grid> </Grid>
运行效果截图:
我们可以把这个封装成一个UserControl,这样就可以复用了。可以下载我的项目代码,我已经把它封装成一个控件。代码下载。
当然我们也可以使用其他控件实现,例如 Extended WPF Toolkit 的 WatermarkTextBox 控件。
如果有其他实现方式欢迎与我分享。感谢你的阅读。
相关文章推荐
- 【小企】WPF实现TextBox水印效果
- WPF中WatermarkTextBox(水印文本框)的实现
- WPF用样式实现TextBox的虚拟提示效果
- 使用javascript和css来实现textbox水印效果
- WPF的TextBox水印效果详解
- WPF的TextBox水印效果详解
- SilverLight TextBox水印效果实现
- (转载)在TextBox、ComboBox上实现水印效果(WinForms)
- 在TextBox上实现水印效果(WinForms)
- WPF TextBox水印效果制作方法详解
- Atlas学习手记(13):使用TextBoxWatermark为TextBox加上水印效果
- 实现textbox点击清空默认值的效果
- 用层实现为网页中的图添加水印的效果
- wpf实现iphone滑动效果demo
- 在ComboBox上实现水印效果(WinForms)
- 实现Android水印效果
- c# 在TextBox里实现右键单击移动光标位置(让右键单击和左键单击有一样的效果)
- asp.net 实现水印textbox
- Silverlight behavior 实现水印效果
- 用JS实现文本框水印的效果