Qt学习笔记11：自定义控件增加属性并通过qss设置样式

继承QLabel类实现一个类似于toolbutton的可选控件，有选择和未选择两种状态

 

第一步：首先定义属性

这里属性取名“checked”，有两种方式

方法一：在设计师里定义

点击加号，选择属性类型，这里两种状态，直接使用 bool 类型即可，属性名 checked 

新增的属性如下图

方法二：在代码中定义

class LabelButton : public QLabel
{
	Q_OBJECT
    Q_PROPERTY(bool checked READ isChecked WRITE setChecked)    //属性定义

public:
	LabelButton(QWidget *parent = Q_NULLPTR);
	~LabelButton();

    bool isChecked (){ return m_isChecked; }        //get方法
    void setChecked(bool b){ m_isChecked=b; }       //set方法

private:
    bool m_isChecked;

}

二、设计不同属性样式表

在qss文件中给两种不同状态设置样式

LabelButton[checked="true"]
{
	background-color:blue;
}
LabelButton[checked="false"]
{
	background-color:red;
}

三、根据点击事件修改控件状态

重写鼠标点击事件，修改控件状态

.h文件
protected:
	void mousePressEvent(QMouseEvent* event);

.cpp文件
void LabelButton::mousePressEvent(QMouseEvent* event)
{
	if (event->button() == Qt::LeftButton)
	{		
		this->setProperty("checked", !isChecked);
		this->style()->polish(this);		//重新加载样式
		isChecked = !isChecked;
	}
}

qss不能自动监听属性值的变化，所以需要在属性值改变后，重新加载样式表。

 

                             

 

 

 

 

参考文章：

https://blog.csdn.net/u010168781/article/details/102801316