仿QQ登录界面的QComboBox

转自: http://blog.sina.com.cn/s/blog_a6fb6cc90101ed6n.html

1.  列表项, 每一个列表项都是一个小的Widget

AccountItem.h

#ifndef ACCOUNTITEM_H
#define ACCOUNTITEM_H

#include <QLabel>
#include <QWidget>
#include <QPushButton>
#include <QMouseEvent>
#include "ui_AccountItem.h"

class CAccountItem : public QWidget
{
	Q_OBJECT

public:
	CAccountItem(QWidget *parent = 0);
	CAccountItem(const QString& name, const QString& number, QWidget *parent = 0);
	~CAccountItem();

	void SetAccountNumber(const QString& number);
	QString GetAccountNumber() const;

	void SetNickName(const QString& name);
	QString GetNickName() const;

signals:
	void sigShowAccount(QString);
	void sigRemoveAccount(QString);

private slots:
	void OnRemoveAccount();

protected:
	virtual void mousePressEvent(QMouseEvent *event);
	virtual void mouseReleaseEvent(QMouseEvent *event);

private:
	Ui::AccountItem ui;

	bool mouse_press;
};

#endif // ACCOUNTITEM_H
           

AccountItem.cpp

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

CAccountItem::CAccountItem(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);

	mouse_press = false;
	ui.labImage->setPixmap(QPixmap(":/Resources/Avatar.png").scaled(50,50));

	QPixmap pixmap(":/Resources/delete.png");
	ui.btnDel->setIcon(pixmap);
	ui.btnDel->setIconSize(QSize(20,20));
	ui.btnDel->setStyleSheet("background:transparent;");
	connect(ui.btnDel, SIGNAL(clicked()), this, SLOT(OnRemoveAccount()));
}

CAccountItem::CAccountItem( const QString& name, const QString& number, QWidget *parent /*= 0*/ )
	: QWidget(parent)
{
	ui.setupUi(this);

	mouse_press = false;

	ui.labNickName->setText(name);
	ui.labNumber->setText(number);

	ui.labImage->setPixmap(QPixmap(":/Resources/Avatar.png").scaled(50,50));

	QPixmap pixmap(":/Resources/delete.png");
	ui.btnDel->setIcon(pixmap);
	ui.btnDel->setIconSize(QSize(20,20));
	ui.btnDel->setStyleSheet("background:transparent;");
	connect(ui.btnDel, SIGNAL(clicked()), this, SLOT(OnRemoveAccount()));
}

CAccountItem::~CAccountItem()
{
}

void CAccountItem::SetAccountNumber(const QString& number)
{
	ui.labNumber->setText(number);
}

QString CAccountItem::GetAccountNumber() const
{
	return ui.labNumber->text();
}

void CAccountItem::OnRemoveAccount()
{
	emit sigRemoveAccount(ui.labNumber->text());
}

void CAccountItem::mousePressEvent(QMouseEvent *event)
{
	if(event->button() == Qt::LeftButton) {
		mouse_press = true;
	}
}

void CAccountItem::mouseReleaseEvent(QMouseEvent *event)
{
	if(mouse_press) {
		emit sigShowAccount(ui.labNumber->text());
		mouse_press = false;
	}
}

void CAccountItem::SetNickName( const QString& name )
{
	ui.labNickName->setText(name);
}

QString CAccountItem::GetNickName() const
{
	return ui.labNickName->text();
}
           

2. 重载ComboBox, 用QListWidget做为ComboBox的model, 

QListWidget中加载AccountItem

AccountComboBox.h

#ifndef TESTCOMBOBOX_H
#define TESTCOMBOBOX_H

#include <QComboBox>
#include <QListWidget>

class CAccountItem;

class CAccountComboBox : public QComboBox
{
	Q_OBJECT

public:
	CAccountComboBox(QWidget *parent);
	~CAccountComboBox();

	void AddAccount(CAccountItem* pAccountItem);


private slots:
	void OnShowAccount(QString account);
	void OnRemoveAccount(QString account);

private:
	QListWidget* mpListWidget;
};

#endif // TESTCOMBOBOX_H
           

AccountComboBox.cpp

#include "AccountComboBox.h"
#include "AccountItem.h"

CAccountComboBox::CAccountComboBox(QWidget *parent)
	: QComboBox(parent)
{
	setEditable(true);
	setFixedSize(220,30);

	setStyleSheet("QComboBox{border:1px solid gray;}"
		"QComboBox QAbstractItemView::item{height:50px;}" //下拉选项高度
		);

	mpListWidget = new QListWidget();
	setModel(mpListWidget->model());
	setView(mpListWidget);
}

CAccountComboBox::~CAccountComboBox()
{

}

void CAccountComboBox::AddAccount( CAccountItem* pAccountItem )
{
	connect(pAccountItem, SIGNAL(sigShowAccount(QString)), this, SLOT(OnShowAccount(QString)));
	connect(pAccountItem, SIGNAL(sigRemoveAccount(QString)), this, SLOT(OnRemoveAccount(QString)));

	QListWidgetItem* item = new QListWidgetItem(mpListWidget);
	mpListWidget->setItemWidget(item, pAccountItem);
}

void CAccountComboBox::OnShowAccount(QString account)
{
	setEditText(account);
	hidePopup();
}

void CAccountComboBox::OnRemoveAccount(QString account)
{
	hidePopup();
	//msg_box->setInfo(tr("remove account"), tr("are you sure to remove account?"), QPixmap(":/loginDialog/attention"), false);
	//if(msg_box->exec() == QDialog::Accepted)
	{
		int list_count = mpListWidget->count();
		for(int i=0; i<3; i++)
		{
			QListWidgetItem *item = mpListWidget->item(i);
			CAccountItem *account_item = (CAccountItem *)(mpListWidget->itemWidget(item));
			QString account_number = account_item->GetAccountNumber();
			if(account == account_number)
			{
				mpListWidget->takeItem(i);
				delete item;
				break;
			}
		}
	}
}
           

调用方法:

testWid.cpp

testWid::testWid(QWidget *parent)
	: QDialog(parent)
{
	ui.setupUi(this);

	account_combo_box = new CAccountComboBox(this);

	for(int i=0; i<3; i++)
	{
		QString _nickName = QString::fromLocal8Bit("贷款国");
		QString _number = QString("safe_") + QString::number(i, 10) + QString("@sina.com");
		CAccountItem *account_item = new CAccountItem(_nickName, _number);

		account_combo_box->AddAccount(account_item);
	}
}
           

大概就是这样的了. 这个方法挺方便的. 赞一个.