Qt控件设置动态样式

最新推荐文章于 2024-07-14 03:00:16 发布

他过江

最新推荐文章于 2024-07-14 03:00:16 发布

阅读量1.5k

点赞数

分类专栏： Qt

本文链接：https://blog.csdn.net/et_endeavoring/article/details/122934806

版权

Qt QSS 样式动态属性控件

关键词由CSDN通过智能技术生成

Qt 专栏收录该内容

35 篇文章 21 订阅

订阅专栏

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