1.效果
点击卡片内的任意元素,Label、button,卡片都会被选中。黑的效果好像不太明显,就是选中有个白色边框。
2.简述
卡片的两个状态就用一个QPushButton当背景,
设置选中和非选中状态图就行了。
正好也好做互斥。
所有的控件把事件安装到this的事件过滤器中,
this事件过滤器检测到点击事件就将背景选中。
3.代码
简单的代码示例
头文件
class CLamp : public QWidget
{
Q_OBJECT
public:
explicit CLamp(QWidget *parent = 0);
QPushButton *buttonBg(){return m_pBtnBg;}
protected:
bool eventFilter(QObject *watched, QEvent *event);
private:
void init();
private:
QString m_strImgPath = "";
QPushButton *m_pBtnBg = nullptr;
CState *m_pLabelState = nullptr;
};
源文件
CLamp::CLamp(QWidget *parent) : QWidget(parent)
{
init();
}
bool CLamp::eventFilter(QObject *watched, QEvent *event)
{
if(event->type() == QEvent::MouseButtonPress){
m_pBtnBg->click();
}
return QWidget::eventFilter(watched,event);
}
void CLamp::init()
{
m_pBtnBg = new QPushButton(this);
m_pBtnBg->resize(this->size());
m_pBtnBg->setCheckable(true);
m_pBtnBg->setStyleSheet("QPushButton{background:#24282d;border:0px solid #414954;}"
"QPushButton:checked{background:#24282d;border:1px solid #414954;}");
QStackedLayout *pSLayout = new QStackedLayout(this);
pSLayout->addWidget(m_pBtnBg);
QPushButton *pBtnIcon = new QPushButton(this);
pBtnIcon->setGeometry(40,34,129,55);
pBtnIcon->setIcon(QIcon(m_strImgPath + "light_icon.png"));
pBtnIcon->setIconSize(QSize(26,34));
pBtnIcon->setText("灯光");
pBtnIcon->setStyleSheet("background:transparent;color:#ffffff;font:34px SimHei;");
pBtnIcon->installEventFilter(this); //安装事件过滤器
}