WPF中如何让Textbox显示为一条直线

由于Textbox直接使用是一条直线 设置如下代码 可以让Textbox变为直线输入

XML 复制代码
 <Style TargetType="TextBox"
        x:Key="UsernameTextBoxStyle">
     <Setter Property="Template">
         <Setter.Value>
             <ControlTemplate TargetType="{x:Type TextBox}">
                 <Border x:Name="border"
                         BorderBrush="#DDD"
                         BorderThickness="0,0,0,1"
                         Background="{TemplateBinding Background}"
                         SnapsToDevicePixels="True">
                     <Grid>
                         <TextBlock Text="账号/手机号/邮箱"
                                    Grid.Column="1"
                                    VerticalAlignment="Center"
                                    Foreground="#DDD"
                                    Name="markText"
                                    Visibility="Collapsed"
                                    FontSize="12"
                                    Margin="2,0" />
                         <ScrollViewer x:Name="PART_ContentHost"
                                       Focusable="false"
                                       HorizontalScrollBarVisibility="Hidden"
                                       VerticalScrollBarVisibility="Hidden"
                                       Grid.Column="1"
                                       VerticalAlignment="Center"
                                       MinHeight="20" />
                     </Grid>
                 </Border>
                 <ControlTemplate.Triggers>
                     <Trigger Property="IsMouseOver"
                              Value="true">
                         <Setter Property="BorderBrush"
                                 TargetName="border"
                                 Value="#0b3d90" />
                     </Trigger>
                     <Trigger Property="IsKeyboardFocused"
                              Value="true">
                         <Setter Property="BorderBrush"
                                 TargetName="border"
                                 Value="#0b3d90" />
                     </Trigger>
                     <DataTrigger Binding="{Binding Path=Text,RelativeSource={RelativeSource Mode=Self}}"
                                  Value="">
                         <Setter Property="Visibility"
                                 TargetName="markText"
                                 Value="Visible" />
                     </DataTrigger>
                 </ControlTemplate.Triggers>
             </ControlTemplate>
         </Setter.Value>
     </Setter>
 </Style>

Textbox 采用上面的样式 即为

XML 复制代码
<TextBox Width="90"
         Height="20"
         Text="{Binding PLCIP}"
         Style="{StaticResource UsernameTextBoxStyle}"/>

结果如下:

相关推荐
王维志9 分钟前
Unity Embedded Browser文档翻译
unity·c#
FlYFlOWERANDLEAF14 分钟前
DevExpress中Word Processing Document API学习记录
学习·c#·word
棉晗榜30 分钟前
C#写字符串到Modbus中
c#·modbus
Hello.Reader10 小时前
从零到一上手 Protocol Buffers用 C# 打造可演进的通讯录
java·linux·c#
浪扼飞舟11 小时前
c#基础(一)
开发语言·c#
一个帅气昵称啊13 小时前
C# .NET EFCore 性能优化
性能优化·c#·.net
ArabySide13 小时前
【C#】理解.NET内存机制:堆、栈与装箱拆箱的底层逻辑及优化技巧
c#
sali-tec15 小时前
C# 基于halcon的视觉工作流-章32-线线测量
开发语言·人工智能·算法·计算机视觉·c#
我好喜欢你~15 小时前
C#---Expression(表达式)
开发语言·c#
白菜上路15 小时前
C# Web API Mapster基本使用
前端·c#