Qt圆角功能和状态组合按钮,可以显示颜色或者图片

标签：

使用两个按钮和一个Label封装了一个功能和状态圆角组合按钮，Label用来显示颜色或者图片。

实现的效果如下：

显示图片：

显示红色：

其中颜色或者图片是通过函数设置进去的。

两个按钮：前一个是状态按钮，可以Check，表示使用此项功能；后一个按钮是功能按钮，可以Check，表示跳转到此功能对应的选项。两个按钮都有信号，可以通过信号进行连接你需要的槽函数。

具体实现代码：

#include <QPushButton>
#include <QLabel>

class QStateFunctionButton : public QWidget
{
	Q_OBJECT

public:
	QStateFunctionButton(QWidget *parent = 0);
	~QStateFunctionButton();

	void setColor(const QColor &color);
	void setImage(const QImage &image);
	void setText(const QString &text);

signals:
	void stateButtonClicked(bool bClicked);
	void functionButtonClicked(bool bClicked);

private:
	QPushButton *m_stateButton;//状态按钮
	QPushButton *m_functionButton;//功能按钮
	QLabel *m_colorImageLabel;//显示图片或者颜色
};

#include "QStateFunctionButton.h"
#include <QHBoxLayout>
#include <QPainter>

QStateFunctionButton::QStateFunctionButton(QWidget *parent)
	: QWidget(parent)
{
	m_stateButton = new QPushButton(this);
	m_functionButton = new QPushButton(this);
	m_colorImageLabel = new QLabel(this);

	m_stateButton->setCheckable(true);
	m_stateButton->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
	m_stateButton->setStyleSheet("QPushButton{border:2px groove gray; border-top-left-radius:16px;border-bottom-left-radius:16px;border-style: outset;}"
		"QPushButton:checked{background-color:rgb(85, 170, 255);}");
	m_functionButton->setCheckable(true);
	m_functionButton->setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
	m_functionButton->setStyleSheet("QPushButton{border:2px groove gray; border-top-right-radius:16px;border-bottom-right-radius:16px;border-style: outset;}"
		"QPushButton:checked{background-color:rgb(85, 170, 255);}");
	m_colorImageLabel->setScaledContents(true);
	m_colorImageLabel->setFrameShadow(QFrame::Sunken);
	m_colorImageLabel->setFrameShape(QFrame::Shape::Panel);

	QHBoxLayout *pHBox = new QHBoxLayout(this);
	pHBox->setSpacing(0);
	pHBox->setContentsMargins(0, 0, 0, 0);

	pHBox->addWidget(m_stateButton, 1);
	pHBox->addWidget(m_functionButton, 3);
	pHBox->addWidget(m_colorImageLabel, 1);

	connect(m_stateButton, &QPushButton::clicked, this, &QStateFunctionButton::stateButtonClicked);
	connect(m_functionButton, &QPushButton::clicked, this, &QStateFunctionButton::functionButtonClicked);

	setColor(QColor(0, 0, 0, 255));
}

QStateFunctionButton::~QStateFunctionButton()
{

}

void QStateFunctionButton::setColor(const QColor &color)
{
	m_colorImageLabel->setAutoFillBackground(true);
	QPalette pal = m_colorImageLabel->palette();
	pal.setColor(QPalette::Background, color);
	m_colorImageLabel->setPalette(pal);
}

void QStateFunctionButton::setImage(const QImage &image)
{
	QPixmap pixmap = QPixmap::fromImage(image).scaled(m_colorImageLabel->width(),
		m_colorImageLabel->height(),
		Qt::IgnoreAspectRatio,
		Qt::SmoothTransformation);
	m_colorImageLabel->setPixmap(pixmap);	
}

void QStateFunctionButton::setText(const QString &text)
{
	m_functionButton->setText(text);
}

本文地址：http://blog.csdn.net/u011417605/article/details/51706166

源码下载：http://download.csdn.net/detail/u011417605/9552226

Qt圆角功能和状态组合按钮,可以显示颜色或者图片

标签：

原文地址：http://blog.csdn.net/u011417605/article/details/51706166