Qt控件设置动态样式_qt动态样式

方法1 每个子控件都设置动态属性

UI文件设置按钮qss：

QPushButton#option {
background: #FFFFFF;
color: #999999;
}
 
// option和[之间不能有空格
QPushButton#option[itemSelected = "true"] {
background:rgb(65,205,82);
color:white;
}
 
QLabel#text {
color: #333333;
}
 
QLabel#text[itemSelected = "true"] {
color:rgb(65,205,82);
}

代码里：

代码里：
if (selected)
{
	ui->option->setProperty("itemSelected", "true");
ui->text->setProperty("itemSelected", "true");
 
}
else
{
	ui->option->setProperty("itemSelected", "false");
ui-> text ->setProperty("itemSelected", " false ");
}
 
//ui->option->style()->unpolish(ui->option);
//ui->option->style()->polish(ui->option);
ui->option->setStyle(qApp->style());
ui->text->setStyle(qApp->style());

setStyle一行代码即可

方法2 指定父widget的动态属性下的子控件样式，这样不需要每个子控件都setProperty（更简单）

UI文件设置按钮qss：

QWidget#OptionItem QPushButton {
background: #FFFFFF;
color: #999999;
}
 
QWidget#OptionItem[itemSelected = "true"] QPushButton {
background:rgb(65,205,82);
color:white;
}
 
QWidget#OptionItem QLabel {
color: #333333;
}
 
QWidget#OptionItem[itemSelected = "true"] QLabel {
color:rgb(65,205,82);
}

代码里：

connect(ui->optionListWidget, &QListWidget::currentItemChanged, [this](QListWidgetItem* current, QListWidgetItem* previous) {
	OptionItem *curItem = qobject_cast<OptionItem*>(ui->optionListWidget->itemWidget(current));
	if (curItem)
	{
		curItem->setProperty("itemSelected", "true");
		curItem->setStyle(qApp->style());
	}
	OptionItem* prevItem = qobject_cast<OptionItem*>(ui->optionListWidget->itemWidget(previous));
	if (prevItem)
	{
		prevItem->setProperty("itemSelected", "false");
		prevItem->setStyle(qApp->style());
	}
});