Silverlight 代水印的查询文本框 Style

简介: 原文http://www.cnblogs.com/caodaiming/archive/2012/12/12/2815094.html   ...

原文http://www.cnblogs.com/caodaiming/archive/2012/12/12/2815094.html

image

 

<TextBox x:Name="TextBoxFilter" Margin="6,0,6,0" HorizontalAlignment="Stretch" VerticalAlignment="Center" ToolTipService.ToolTip="Enter search text to filter services" TextChanged="TextBox_TextChanged">
                                <TextBox.Template>
                                    <ControlTemplate TargetType="TextBox">
                                        <Grid>
                                            <VisualStateManager.VisualStateGroups>
                                                <VisualStateGroup x:Name="CommonStates">
                                                    <VisualState x:Name="Normal"/>
                                                    <VisualState x:Name="MouseOver"/>
                                                    <VisualState x:Name="Disabled"/>
                                                    <VisualState x:Name="ReadOnly"/>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="ValidationStates">
                                                    <VisualState x:Name="InvalidUnfocused"/>
                                                    <VisualState x:Name="Valid"/>
                                                    <VisualState x:Name="InvalidFocused"/>
                                                </VisualStateGroup>
                                                <VisualStateGroup x:Name="FocusStates">
                                                    <VisualState x:Name="Unfocused"/>
                                                    <VisualState x:Name="Focused">
                                                        <Storyboard>
                                                            <DoubleAnimation
                                                                BeginTime="00:00:00"
                                                                Duration="00:00:00.1"
                                                                Storyboard.TargetName="borderHighlight"
                                                                Storyboard.TargetProperty="(UIElement.Opacity)"
                                                                To="1"
                                                                />
                                                        </Storyboard>
                                                    </VisualState>
                                                </VisualStateGroup>
                                            </VisualStateManager.VisualStateGroups>
                                            <Grid>
                                                <Border x:Name="border" Height="24" BorderThickness="1,1,1,1" CornerRadius="12" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
                                                    <Border.BorderBrush>
                                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                            <GradientStop Offset="0.0" Color="#A7A7A7"/>
                                                            <GradientStop Offset="1.0" Color="#C3C3C3"/>
                                                        </LinearGradientBrush>
                                                    </Border.BorderBrush>
                                                    <Border.Background>
                                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                            <GradientStop Offset="0.00" Color="#DDDDDD"/>
                                                            <GradientStop Offset="0.25" Color="#FFFFFF"/>
                                                            <GradientStop Offset="1.00" Color="#FFFFFF"/>
                                                        </LinearGradientBrush>
                                                    </Border.Background>
                                                    <Border.Effect>
                                                        <DropShadowEffect Color="White" ShadowDepth="1" Direction="315" BlurRadius="0" Opacity="1" />
                                                    </Border.Effect>
                                                    <Grid>
                                                        <Image Margin="0,0,12,0" Source="Resources/search.png" Stretch="None" HorizontalAlignment="Right" VerticalAlignment="Center"/>
                                                        <TextBlock Text="Filter..." Foreground="LightGray" Margin="10,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Center" Visibility="{Binding ElementName=TextBoxFilter, Path=Text, Mode=OneWay, Converter={StaticResource IsEmptyStringConverter}}"/>
                                                        <ScrollViewer x:Name="ContentElement" Margin="8,0,25,0" BorderThickness="0" IsTabStop="False" VerticalAlignment="Center"/>
                                                    </Grid>
                                                </Border>
                                                <Border x:Name="borderHighlight" Opacity="0" BorderBrush="Green" Height="24" BorderThickness="2,2,2,2" CornerRadius="12" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>
                                            </Grid>
                                        </Grid>
                                    </ControlTemplate>
                                </TextBox.Template>
                            </TextBox>
目录
相关文章
|
UED
Silverlight中文本框添加回车事件后,换行无法清除的解决方法
在开发Silverlight的项目中,为了更好的用户体验,我们常要给一些控件添加一些快捷键。然而,在Silverlight中当用户回车提交后,光标停留在文本框的第二行怎么也清除不掉,经过一段时间研究,终于找到解决方法,特写此文章与大家分享一下: 有时候我们在网站中,比如用户评论,添加一个回车键盘事...
795 0
|
SQL 算法 大数据
Silverlight查询大数据出错?使用服务器端分页控件DomainDataSource
原文http://www.cnblogs.com/slmk/archive/2012/08/21/2649369.html   DomainDataSource控件是很强大的,排序/分组/分页等都能轻松搞定。
950 0
silverlight 获取文本框焦点
原文 http://www.cnblogs.com/Bonker/archive/2012/03/20/2407977.html 1,如果项目允许在浏览器外运行     this.Loaded += (object sender, RoutedEventArgs e) => {                        this.
773 0
silverlight 获取文本框焦点
1,如果项目允许在浏览器外运行     this.Loaded += (object sender, RoutedEventArgs e) => {                        this.
780 0
|
API 网络架构
ArcGIS API for Silverlight 查询点闪烁显示
主要样式如下代码段内所示: .... ... xmlns:esri="http://schemas.
679 0

热门文章

最新文章