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

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

實(shí)現(xiàn)效果如下：

實(shí)現(xiàn)方法說明：
（1）自定義QLineEdit，在編輯框里添加布局，將按鈕設(shè)置在右邊
（2）給自定義QLineEdit添加信號，當(dāng)點(diǎn)擊按鈕搜索按鈕時發(fā)送信號到主界面做相應(yīng)的操作

自定義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)}");
    // 防止文本框輸入內(nèi)容位于按鈕之下
    QMargins margins = this->textMargins();
    //設(shè)置文本內(nèi)容左上右下的間隙
    this->setTextMargins(0, 0, m_pBtn->width() + 1, 0);
    this->setPlaceholderText(QStringLiteral("請輸入搜索內(nèi)容"));
    // 給編輯框設(shè)置布局
    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());

注意這里是在主界面接收搜索按鈕的點(diǎn)擊事件，槽函數(shù)的參數(shù)是搜索內(nèi)容，const QString&，當(dāng)然也可以在CSearchLineEdit里處理，不過一般習(xí)慣把控件代碼和邏輯代碼分開，盡量不在控件類里處理業(yè)務(wù)邏輯。

主界面代碼

#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("搜索內(nèi)容為空"));
        return;
    }
    QMessageBox::information(this, QStringLiteral("提示"), QStringLiteral("搜索內(nèi)容為%1").arg(context));

其它說明

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

釘釘搜索框

這些都是可以實(shí)現(xiàn)的，優(yōu)酷則需要用qss把LineEdit的四周圓角設(shè)為高度的一半，右側(cè)按鈕的圓角也設(shè)為高度的一半，這樣就實(shí)現(xiàn)了；釘釘?shù)乃阉骺騽t是搜索按鈕在左邊；二者的搜索功能都會有彈出對話框的功能，例如釘釘

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

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