怎么用c++?qt自定義搜索編輯框

今天小編給大家分享一下怎么用c++ qt自定義搜索編輯框的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

實現效果如下：

實現方法說明：
（1）自定義QLineEdit，在編輯框里添加布局，將按鈕設置在右邊
（2）給自定義QLineEdit添加信號，當點擊按鈕搜索按鈕時發送信號到主界面做相應的操作

自定義LineEdit

csearchlineedit.h

#ifndef CSEARCHLINEEDIT_H
#define CSEARCHLINEEDIT_H

#include <QLineEdit>
#include <QPushButton>
#include <QWidget>
class CSearchLineEdit : public QLineEdit
{
    Q_OBJECT
public:
    CSearchLineEdit(QWidget* parent = nullptr);
signals:
    void sig_search(const QString& context);
private slots:
    void on_ClickedSearch();
private:
    QPushButton *m_pBtn = nullptr;
};
#endif // CSEARCHLINEEDIT_H

csearchlineedit.cpp

#include "csearchlineedit.h"
#include <QHBoxLayout>

CSearchLineEdit::CSearchLineEdit(QWidget* parent)
    :QLineEdit(parent)
{
    m_pBtn = new QPushButton(this);
    m_pBtn->setCursor(Qt::PointingHandCursor);
    m_pBtn->setFixedSize(22, 22);
    m_pBtn->setToolTip(QStringLiteral("搜索"));
    m_pBtn->setStyleSheet("QPushButton{border-image:url(:/images/icon_search_normal); background:transparent;} \
                                     QPushButton:hover{border-image:url(:/images/icon_search_hover)} \
                                     QPushButton:pressed{border-image:url(:/images/icon_search_press)}");
    // 防止文本框輸入內容位于按鈕之下
    QMargins margins = this->textMargins();
    //設置文本內容左上右下的間隙
    this->setTextMargins(0, 0, m_pBtn->width() + 1, 0);
    this->setPlaceholderText(QStringLiteral("請輸入搜索內容"));
    // 給編輯框設置布局
    QHBoxLayout *pSearchLayout = new QHBoxLayout(this);
    pSearchLayout->addStretch();
    pSearchLayout->addWidget(m_pBtn);
    pSearchLayout->setSpacing(0);
    pSearchLayout->setContentsMargins(0, 0, 0, 0);
    this->setLayout(pSearchLayout);
    connect(m_pBtn, &QPushButton::clicked, this, &CSearchLineEdit::on_ClickedSearch);
}
void CSearchLineEdit::on_ClickedSearch()
    // 其它邏輯
    emit sig_search(this->text());

注意這里是在主界面接收搜索按鈕的點擊事件，槽函數的參數是搜索內容，const QString&，當然也可以在CSearchLineEdit里處理，不過一般習慣把控件代碼和邏輯代碼分開，盡量不在控件類里處理業務邏輯。

主界面代碼

#include "widget.h"
#include <QLineEdit>
#include <QPushButton>
#include <QMessageBox>
#include <QHBoxLayout>
#include "csearchlineedit.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(400, 300);
    setWindowTitle(QStringLiteral("自定義搜索框"));
    CSearchLineEdit *pLineEdit = new CSearchLineEdit(this);
    QVBoxLayout *pLayout = new QVBoxLayout();
    pLayout->addWidget(pLineEdit);
    pLayout->setContentsMargins(10, 10, 10, 10);
    setLayout(pLayout);
    connect(pLineEdit, &CSearchLineEdit::sig_search, this, &Widget::onSearch);
}
Widget::~Widget()
void Widget::onSearch(const QString& context)
    if (context.isEmpty())
    {
        QMessageBox::information(this, QStringLiteral("提示"), QStringLiteral("搜索內容為空"));
        return;
    }
    QMessageBox::information(this, QStringLiteral("提示"), QStringLiteral("搜索內容為%1").arg(context));

其它說明

除了可以在右邊添加按鈕，還可以在左邊添加按鈕，只要合理的設置LineEdit的文本與左右兩邊控件的間隙即可。比如下面的自定義編輯框：
優酷搜索框

釘釘搜索框

這些都是可以實現的，優酷則需要用qss把LineEdit的四周圓角設為高度的一半，右側按鈕的圓角也設為高度的一半，這樣就實現了；釘釘的搜索框則是搜索按鈕在左邊；二者的搜索功能都會有彈出對話框的功能，例如釘釘

這個也可以做，LineEdit獲得焦點時，彈出對話框即可。

以上就是“怎么用c++ qt自定義搜索編輯框”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。