码迷,mamicode.com
首页 > 其他好文 > 详细

WPF 自定义TextBox

时间:2014-09-07 17:09:15      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   io   使用   ar   strong   

1.TextBox前加图标

效果:bubuko.com,布布扣

<TextBox Width="300" Height="30" Style="{StaticResource TXTSTYLE}">
   <TextBox.Background>
        <ImageBrush ImageSource="uri" />
   </TextBox.Background>
</TextBox>
<Style  x:Key="TXTSTYLE" TargetType="{x:Type TextBox}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="40" />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>
                            <Label Background="{TemplateBinding Background}"/>
                            <Border Grid.Column="1" x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" SnapsToDevicePixels="true">
                                <ScrollViewer x:Name="PART_ContentHost" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

2.圆角TextBox。

 <Border BorderBrush="#FF989CA1" BorderThickness="1" Height="24" Width="240" CornerRadius="15">
            <TextBox Margin="10,0" Text="TextBox" BorderBrush="{x:Null}" BorderThickness="0,1,1,1"  Style="{StaticResource TXTSTYLE}">
                <TextBox.Background>
                    <ImageBrush ImageSource="uri" />
                </TextBox.Background>
            </TextBox>
        </Border>

  在第二段代码在Application.Resources中定义了一个名为TXTSTYLE的样式,由Grid、Label、Border、ScrollViewer等元素进行修饰,应用于TextBox时使文本框前面位置出现图标位置,通过设置TextBox.Background属性,将图片插入TextBox,第一段代码为实现代码。

      第三段代码在实现图片位置基础上,使用Border元素绘制圆角效果,设置TextBox边框属性,达到圆角效果。

效果图:

bubuko.com,布布扣

 

WPF 自定义TextBox

标签:style   blog   http   color   os   io   使用   ar   strong   

原文地址:http://www.cnblogs.com/z-yue/p/3960517.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!