前言

在公司工作過程中，我多次遇到一個文本框經常要輸入一大串信息，每次輸入容易出錯且速度很慢。于是我想到了QQ登錄界面的功能。

QQ登錄界面的基本功能為：當點擊下拉框，會出現曾經登錄過的有效的賬號密碼，且排在前面的為最新登錄過的賬號，當輸入曾經登錄過的賬號的前幾位時，會自動補全。我覺得這種輸入就非常的人性化，于是打算常用的輸入框都使用這種思路。

在qt中，使用QComboBox去替代QLineEdit，將QComboBox改為可編輯，這樣既擁有了輸入框又有下拉框。QComboBox還會在輸入信息的時候進行自動補全。自動記憶功能我們通過讀寫配置文件來實現。

實現思路

通過QStringList來存儲名字信息，下拉列表中默認顯示QStringList中第一個名字，當選擇QStringList中已存的一個名字時，（在觸發事件觸發后）會將這個名字放到QStringList的開頭（這樣QStringList中記錄的順序其實就是使用過的順序了），當在文本框中輸入新的名字時，會將新名字添加到QStringList開頭。

大致思路我覺得不是很難，直接上代碼

.h文件（這里面只是定義了幾個全局變量）

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QSettings>

QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private slots:
    void on_pushButton_clicked();

private:
    Ui::MainWindow *ui;
    QSettings *m_IniFile;
    QStringList m_usernameList;
};
#endif // MAINWINDOW_H

.cpp文件

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include <QCompleter>
#include <QSettings>
#include <QDebug>
#include <QTextCodec>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);

    QString exePath=QCoreApplication::applicationDirPath();
    //配置文件為可執行程序所在的目錄下的local.ini
    QString iniFile=exePath+"/local.ini";

    //m_IniFile為全局變量QSettings *m_IniFile;
    m_IniFile = new QSettings(iniFile, QSettings::IniFormat,this);
    //文件中的編碼要設置和這里對應，比如我都設置成UTF-8
    m_IniFile->setIniCodec(QTextCodec::codecForName("UTF-8"));

    //通過Value函數將節下相對應的鍵值讀取出來
    QString username =m_IniFile->value("client/username").toString();

    m_usernameList=username.split("|");
    ui->comboBox->setEditable(true);
    ui->comboBox->setCurrentText(m_usernameList.at(0));
    ui->comboBox->addItems(m_usernameList);
}

MainWindow::~MainWindow()
{
    delete ui;
}

void MainWindow::on_pushButton_clicked()
{
    //我希望的是每進行一次觸發事件后，這次文本框中的內容會設置成在下次打開程序時的默認值
    //只有觸發事件后才進行這樣的操作
    QString currentContent=ui->comboBox->currentText();
    if(m_usernameList.contains(currentContent)){
        m_usernameList.removeAt(ui->comboBox->currentIndex());
    }
    m_usernameList.push_front(currentContent);
    m_usernameList.removeAll("");
    QString username;
    for (int i=0;i<m_usernameList.size();i++ ) {
        if(i==m_usernameList.size()-1){
            username+=m_usernameList.at(i);
        }else{
            username+=m_usernameList.at(i)+"|";
        }
    }
    m_IniFile->setValue("client/username",username);
    qDebug()<<ui->comboBox->currentText();
}

如果下拉列表中存儲的信息過多，我們想像瀏覽器那樣，輸入部分信息進行匹配，則只需要在構造函數中使用QCompleter即可，但注意使用這個的時候會導致下拉列表的自動補全無法使用

	//將名字列表放入QCompleter中
	QCompleter *completer = new QCompleter(m_usernameList);
    ui->comboBox->setCompleter(completer);

實現效果是這樣：

區別自動補全和智能提示，下面是自動補全的效果：

自動補全會補全最近的一個

完成這些之后，只需要對下拉框進行美化，即可達到qq登錄界面的那種效果

鏈接：QComboBox樣式設置

其實還有一個下拉選項后面的那個刪除功能沒有實現,，默認QComboBox是沒有刪除的那個叉號的，需要自定義QComboBox類，然后增加下拉列表的刪除功能，就很復雜，我這里沒用到。就不進行實現了。

碼字不易，如果這篇博客對你有幫助，麻煩點贊收藏，非常感謝！有不對的地方，可以評論區交流。