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());
	}
});

猜你喜欢

转载自blog.csdn.net/ET_Endeavoring/article/details/122934806