【QT入门】 Qt自定义控件与样式设计之QLineEdit的qss使用

往期回顾

【QT入门】 Qt代码创建布局综合运用：仿写腾讯会议登陆界面-优快云博客

【QT入门】Qt自定义控件与样式设计之qss介绍(Qt style sheet)-优快云博客

【QT入门】 Qt自定义控件与样式设计之qss选择器-优快云博客

 【QT入门】 Qt自定义控件与样式设计之QLineEdit的qss使用

一、常用属性设置 

setReadOnly(false);  // 只读
setFocusPolicy(Qt::NoFocus); // 无法获得焦点

setMaxLength(10); // 最多输入10个字符

二、文本对齐方式 

lineedit->setAlignment(Qt::AlignLeft)    //左对齐 
lineedit->setAlignment(Qt::AlignRight)   //右对齐  
lineedit->setAlignment(Qt::AlignCenter)  //居中对齐 

我们也可以直接在ui设计中右下角的属性栏修改。

三、正则控制

由于正则表达式在文本处理和字符串匹配方面具有很强的功能和灵活性，很多时候我们都可以用正则表达式，所以我们重点看一下这个正则控制。

由于正则表达式的规则比较多不好写，大家可以用一个在线生成网站

正则表达式生成器，常用正则表达式在线生成

3.1什么是正则表达式

正则表达式是一种用于匹配和识别文本模式的表达式。它是一种强大的工具，可以用来搜索、替换、验证和提取文本数据。正则表达式由普通字符（如字母、数字、符号）和元字符（如.、*、+）组成，通过特定的语法规则来描述字符串的模式。

在Qt中，可以使用QRegularExpression类来处理正则表达式。这个类提供了一组方法来编译、匹配和操作正则表达式。通过使用Qt的正则表达式功能，可以在应用程序中方便地实现文本匹配、替换和验证等功能。

3.2常用功能

模式匹配	正则表达式可以用来描述特定的文本模式，从而实现对文本数据的匹配和识别。例如，可以用正则表达式来匹配邮箱地址、电话号码、日期等特定格式的字符串。
文本搜索和替换	通过正则表达式，可以在文本中搜索特定模式的字符串，并进行替换。这在文本处理和数据清洗中非常有用。
数据验证	可以使用正则表达式来验证用户输入的数据是否符合特定的格式要求，例如验证邮箱、密码、身份证号等。
文本提取	正则表达式可以帮助提取文本中的特定信息，例如从网页源码中提取链接、从日志文件中提取关键信息等。
批量处理	正则表达式可以批量处理大量文本数据，提高效率并减少手动操作的工作量。

3.3示例

举个例子：

QRegExp regx("[1-9][0-9]+$");
QValidator *validator = new QRegExpValidator(regx, ui->lineEdit);
lineEdit->setValidator(validator);

这里面的正则表达式的意思是：第一个数是1-9的，第二个数和之后的是0-9的。

 我们写一个例子：让用户输入邮箱，判断邮箱格式是否正确，由于市面上有着各种各样的邮箱，其后缀类型都不一样，也就意味着我们要去判断格式是比较复杂的一个操作，而用正则表达式去判断邮箱格式是否正确就很高效便捷。

基本判断逻辑：

void Widget::on_btnCheck_clicked()
{
    // 获取lineEdit_rex控件上的验证器
    const QValidator *v = ui->lineEdit_rex->validator();

    // 初始化光标位置
    int pos = 0;

    // 获取lineEdit_rex控件上的文本内容
    QString text = ui->lineEdit_rex->text();

    // 根据验证器v对文本text进行验证，如果不是可接受状态
    if (v->validate(text, pos) != QValidator::Acceptable)
    {
#if 0
        // 如果验证不通过，设置lineEdit_rex控件上的文本为“邮箱格式不正确”
        ui->lineEdit_rex->setText(QString::fromLocal8Bit("邮箱格式不正确"));
#endif
    }
    else
    {
        // 如果验证通过，显示信息框，标题为“标题”，内容为“邮箱格式正确”
        QMessageBox::information(this, u8"标题", u8"邮箱格式正确");
    }
}

 if (v->validate(text, pos) != QValidator::Acceptable) 

 细说一下这行代码：

enum State {
    Invalid,  //表示状态为无效。
    Intermediate,  //表示状态为中间状态
    Acceptable  //表示状态为可接受的状态
};

中间状态，通常用于表示某种状态不是完全有效，但也不是完全无效的情况。这种状态通常在某些条件满足时，但还需要进一步处理或确认时使用。

在实际应用中，中间状态可能有不同的含义，具体取决于应用程序的需求和设计。例如，在验证输入时，中间状态可能表示输入数据部分符合要求，但还需要用户进一步操作才能完全有效。

3.3.1QValidator类

在Qt中，QValidator是一个用于验证用户输入的基类。它可以用于限制用户在输入框中输入的内容，以确保输入符合特定的格式或范围。QValidator提供了一种简单而有效的方式来验证用户输入，并在输入无效时提供反馈。

3.3.1.1基本功能： 

QValidator是一个抽象基类，通常需要通过继承QValidator类来实现自定义的验证逻辑。

Qt提供了一些常用的验证器类，如QIntValidator（整数验证器）、QDoubleValidator（浮点数验证器）、QRegExpValidator（正则表达式验证器）等，可以直接使用这些类来验证用户输入。

3.3.1.2验证范围：

QValidator可以用于限制用户输入的范围，例如最小值、最大值等。

通过设置QValidator的范围，可以确保用户输入的值在有效范围内。

3.3.1.3验证模式：

使用QValidator可以定义验证模式，以确保用户输入符合特定的格式要求。

例如，可以使用QIntValidator来验证用户输入是否为整数，或使用QRegExpValidator来验证用户输入是否符合指定的正则表达式模式。

3.3.1.4错误提示：

当用户输入无效时，QValidator可以提供错误提示信息，帮助用户了解输入的要求和错误原因。

错误提示可以显示在输入框附近或弹出对话框中，以便用户及时调整输入。

3.3.1.5应用场景：

QValidator常用于需要对用户输入进行验证和限制的场景，如登录界面、表单输入、数据编辑等。

通过QValidator，可以确保用户输入的数据有效，提高应用程序的稳定性和用户体验。

回到本示例，具体正则表达式逻辑判断：

    //还用了转义字符\的
    //创建了一个正则表达式regx，用于匹配电子邮件地址的模式
    QRegExp regx("\\w[-\\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\\.)+[A-Za-z]{2,14}");
    
    //创建了一个QRegExpValidator对象validator，使用上面创建的正则表达式regx进行验证，
    //并将其绑定到ui->lineEdit_rex控件上
    QValidator *validator = new QRegExpValidator(regx, ui->lineEdit_rex);
    
    //将上面创建的验证器validator设置为ui->lineEdit_rex控件的验证器，
    //从而限制用户在该文本框中输入的内容必须符合指定的正则表达式模式，即必须是符合电子邮件地址格式的文本。
    ui->lineEdit_rex->setValidator(validator);

四、QLineEdit的qss设计

QWidget{
 background-color:rgb(54,54,54);
}

QLineEdit{
 border: 1px solid #ABCDA0;      /* 边框宽度为1px，颜色为#A0A0A0 */
 border-radius: 3px;         /* 边框圆角 */
 padding-left: 5px;           /* 文本距离左边界有5px */
 background-color: #F2F2F2;     /* 背景颜色 */
 color: black;     /* 文本颜色 */
 selection-background-color: #A0A0A0;     /* 选中文本的背景颜色 */
 selection-color: #F2F2F2;    /* 选中文本的颜色 */
 font-family: "Microsoft YaHei";    /* 文本字体族 */
 font-size: 10pt;    /* 文本字体大小 */
}

QLineEdit:hover { /* 鼠标悬浮在QLineEdit时的状态 */
 border: 1px solid #298DFF;
 border-radius: 3px;
 background-color: #F2F2F2;
 color: #298DFF;
 selection-background-color: #298DFF;
 selection-color: #F2F2F2;
}

QLineEdit[echoMode="2"] { /* QLineEdit有输入掩码时的状态 */
 lineedit-password-character: 9679;
 lineedit-password-mask-delay: 2000;
}

QLineEdit:disabled { /* QLineEdit在禁用时的状态 */
 border: 1px solid #CDCDCD;
 background-color: #CDCDCD;
 color: #B4B4B4;
}

QLineEdit:read-only { /* QLineEdit在只读时的状态 */
 background-color: #CDCDCD;
 color: #F2F2F2;
}

---

都看到这里了，点个赞再走呗朋友~

加油吧，预祝大家变得更强！