当前位置: 首页 > article >正文

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

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

 <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 采用上面的样式 即为

<TextBox Width="90"
         Height="20"
         Text="{Binding PLCIP}"
         Style="{StaticResource UsernameTextBoxStyle}"/>

结果如下: 

 


http://www.kler.cn/a/410543.html

相关文章:

  • Java基础1.0
  • CTFHUB--yeeclass-web
  • Mysql 字符集和查询区分大小写影响
  • springboot集成shiro和前后端分离配置
  • MySQL数据库设计
  • 海信Java后端开发面试题及参考答案
  • Kali Linux语言设置成中文
  • 硬盘(HDD)与固态硬盘(SSD)详细解读
  • WSL安装不同版本ubuntu(已有ubuntu20.04,再装ubuntu18.04)
  • Linux(Ubuntu)升级openssh至9.6版本
  • PyTorch2
  • 树链剖分(重链剖分)
  • ES实用面试题
  • 什么是 C++ 中的类型别名和 using 声明? 如何使用类型别名和 using 声明?
  • 三维测量与建模笔记 - 点特征提取 - 4.5 SURF-FAST-ORB
  • Linux——进程调度与切换
  • 风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
  • 《Docker Registry(镜像仓库)详解》
  • vue实现列表滑动下拉加载数据
  • sql server 主从job对比差异
  • python画图|无坐标轴自由划线操作fig.add_artist(lines.Line2D()函数
  • 英伟达推出了全新的小型语言模型家族——Hymba 1.5B
  • 【开发小技巧11】用经典报表实现badge list效果,根据回显内容用颜色加以区分
  • 【SQL Server】华中农业大学空间数据库实验报告 实验八 存储过程
  • MySQL的权限管理机制--授权表
  • 卷积神经网络学习记录