Qt QLineEdit 输入内容后字数在右侧动态展示

本文主要是介绍Qt QLineEdit 输入内容后字数在右侧动态展示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

QLineEdit 设置可输入最大长度可以使用

lineEdit->setMaxLength(10);

怎么实时的把当前输入字数显示出来呢，像饿了么的 input 组件那样

<el-inputtype="text"placeholder="请输入内容"v-model="text"maxlength="10"show-word-limit
>
</el-input>

Qt 中 QLineEdit 配合 QLabel 也可以很方便的实现这个效果。

效果图

代码实现

 

#pragma once#include <QtWidgets/QMainWindow>
#include "ui_QLineEditDemo.h"
#include <QLineEdit>
#include <QLabel>class QLineEditDemo : public QMainWindow
{Q_OBJECTpublic:QLineEditDemo(QWidget *parent = Q_NULLPTR);private:Ui::QLineEditDemoClass ui;QLineEdit	*lineEdit;QLabel		*labelMax;private slots:void onEdit(const QString& text);
};

#include "QLineEditDemo.h"QLineEditDemo::QLineEditDemo(QWidget *parent): QMainWindow(parent)
{ui.setupUi(this);// 创建输入框lineEdit = new QLineEdit(this);lineEdit->setPlaceholderText(QString::fromLocal8Bit("请输入文本"));lineEdit->setFixedSize(326,32);connect(lineEdit, &QLineEdit::textEdited, this, &QLineEditDemo::onEdit);//lineEdit 增加字数labellineEdit->setStyleSheet(QString::fromLocal8Bit("QLineEdit{\padding:6px 55px 6px 12px;\border-radius: 2px;\border: 1px solid #408cff;\background: #FFF;\font: 10pt \"微软雅黑\";\}"));labelMax = new QLabel("0/10", lineEdit);labelMax->setObjectName("labelMax"); // 设置子控件的对象名labelMax->setAlignment(Qt::AlignRight | Qt::AlignVCenter);labelMax->setFixedSize(45, 26); // 设置固定高，lineEditReason 32labelMax->setStyleSheet(QString::fromLocal8Bit("border:none;color: #cccccc;font: 10pt \"微软雅黑\";"));labelMax->move(326 - 45 - 10, (32 - 26) / 2); // 将label移动到lineEdit右侧 ui.verticalLayout->addWidget(lineEdit);}void QLineEditDemo::onEdit(const QString& text)
{int len = text.length();labelMax->setText(QString("%1/10").arg(len));if (len <= 10){labelMax->setStyleSheet(QString::fromLocal8Bit("color: #cccccc;font: 10pt \"微软雅黑\";"));}else{labelMax->setStyleSheet(QString::fromLocal8Bit("color: #FF5050;font: 10pt \"微软雅黑\";"));}
}

需要注意的是，QLabel 的尺寸和移动到 QLineEdit 的位置是相关的。

如变更QLabel的尺寸，相关位置也要做调整。

另外我这里没有限制最大可输入长度，而是当超过最大长度后，将字数红色展示。

实际应用中可以和提交按钮做个联动，超过就让其不可用就好。

这篇关于Qt QLineEdit 输入内容后字数在右侧动态展示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---