qlineedit文本改变时_行文本编辑框QLineEdit及自动补全

导读

行文本输入框在用于界面的文本输入，在WEB登录表单中应用广泛。一般行文本编辑框可定制性较高，既可以当作密码输入框，又可以作为文本过滤器。QLineEdit本身使用方法也很简单，无需过多的设置就能进行使用。于是这篇博文主要讲解如何对行文本编辑框QLineEdit进行定制。

基本定制

为了简化工作，还是如同前面所说的，直接用Qt Designer拖一个QLineEdit进行编辑。代码部分不太多：ui.lineEdit->setPlaceholderText(QStringLiteral("E-mail"));  # 设定行编辑框的占位字符ui.lineEdit->setFixedSize(155, 25);

看看效果：

 

下面编写QSS代码。先考虑下外观应该定制的有哪些方面：边框、背景色、圆角、鼠标悬停时、文本大小，大概差不多了：QLineEdit {  border: 1px solid rgb(41, 57, 85);   # 边框1px宽，颜色为深紫色  border-radius: 3px;  # 给定3px边框圆角  background: white;   # 背景色定为白色吧  selection-background-color: green; # 这个属性设定文本选中时的文本背景色  font-size: 14px ;  # 文本的大小}QLineEdit:hover {  border: 1px solid blue;  # 鼠标悬停时，我们将编辑框的边框设置为蓝色}