qt style-sheet样式不起作用问答

embedded/2025/3/15 12:16:46/

ssvip: 为什么 fileIcon fileName fileDate fileType fileSize 的背景显示的和上级控件的背景颜色不一致，显示的是灰色的
“QPushButton:hover QLabel {”
“background-color: lightgray;” // 设置悬停时QLabel的背景颜色
“}”

    是不是这句的原因？

GitHub Copilot: 是的，这段代码可能是导致 fileIcon、fileName、fileDate、fileType 和 fileSize 的背景颜色显示为灰色的原因。你的样式表中包含了以下规则：

QPushButton:hover QLabel {background-color: lightgray;
}

这意味着当鼠标悬停在 QPushButton 上时，所有的 QLabel 的背景颜色都会变成浅灰色。如果这些控件是 QLabel 类型，并且在 QPushButton 悬停时显示为灰色，那么这段代码就是原因。

如果你希望这些控件的背景颜色与上级控件一致，而不受 QPushButton 悬停状态的影响，你可以尝试以下方法：

  1. 修改选择器，使其更具体，以便只影响你想要的控件。
  2. 在这些控件上单独设置样式，以覆盖全局样式。

例如，如果你只想在特定的 QLabel 上应用样式，可以使用对象名称或类名来限定：

QPushButton:hover QLabel#specificLabel {background-color: lightgray;
}

或者，如果你想排除某些 QLabel，可以在这些控件上单独设置样式：

QLabel#fileIcon, QLabel#fileName, QLabel#fileDate, QLabel#fileType, QLabel#fileSize {background-color: transparent;  // 或者设置为你想要的颜色
}

这样可以确保这些控件的背景颜色不受全局样式的影响。

ssvip: QPushButton:hover QLabel {
background-color: lightgray;
}

这段的现象是这样的，当hover时，label和上一级的颜色都是灰色，但是当不hover时候，上一级恢复原来的颜色，但是label还是灰色

GitHub Copilot: 你遇到的问题是由于你在样式表中将 QPushButton:hover QLabel 的背景色设置为 lightgray，但没有为 QLabel 的正常状态明确指定背景色。因此，当鼠标不再悬停时，QLabel 保持了 lightgray 的背景色，而 QPushButton 恢复了正常颜色。

问题分析

QPushButton:hover QLabel {background-color: lightgray;  // 当鼠标悬停时设置 QLabel 背景色为灰色
}

由于 QLabel 没有单独设置非悬停状态的背景颜色，它会继承 hover 状态的样式，导致当鼠标不悬停时 QLabel 背景依然是 lightgray。而 QPushButton 恢复了正常状态的背景颜色，但 QLabel 保持灰色。

解决方法

你可以在样式表中为 QLabel 设置默认的背景颜色（例如透明），以确保它在非悬停状态下恢复正常颜色。修改后的样式表如下：

setStyleSheet("QPushButton {""border-bottom: 1px solid gray;""border-top: 1px solid gray;""border-radius: 0;""padding: 0;"  // 设置按钮的内边距"}""QPushButton:hover {""background-color: lightgray;""}""QLabel {""background-color: transparent;"  // 设置 QLabel 背景颜色为透明"}""QPushButton:hover QLabel {""background-color: lightgray;"  // 设置悬停时 QLabel 的背景颜色"}"
);

关键改动：

  1. 确保 QLabel 在非悬停状态下的背景颜色是透明的，避免继承 hover 状态的背景色。
  2. 保持 QPushButton:hover QLabel 规则，使悬停时 QLabel 背景变为灰色。

总结

通过为 QLabel 设置 background-color: transparent;，可以确保它在非悬停状态下恢复正常背景色，同时仍保持在鼠标悬停时显示灰色背景。

ssvip: 这个透明的解决方案不行，运行程序后，FileItem中label那些控件还是会显示灰色，当hover连同上一级一样显示灰色，不hover后，label还是灰色

GitHub Copilot: 如果设置 QLabel 的背景颜色为透明仍然无法解决问题，可能是因为样式表的继承或其他样式设置导致 QLabel 的背景颜色没有正确应用。我们可以尝试在 FileItem 的构造函数中明确设置每个 QLabel 的背景颜色，以确保它们在非悬停状态下显示为透明或其他期望的颜色。

修改建议

在 FileItem 的构造函数中，直接设置每个 QLabel 的背景颜色：

qt_custom_widget/src/jp_filemanagerscreen/jp_filemanager.cpp">FileItem::FileItem(QWidget *parent) : QPushButton(parent)
{// 设置按钮的样式setStyleSheet("QPushButton {""border-bottom: 1px solid gray;""border-top: 1px solid gray;""border-radius: 0;""padding: 0;"  // 设置按钮的内边距"}""QPushButton:hover {""background-color: lightgray;""}""QPushButton:hover QLabel{""background-color: lightgray;"  // 设置悬停时QLabel的背景颜色"}");// 设置 QLabel 的背景颜色为透明fileIcon = new QLabel(this);fileIcon->setStyleSheet("background-color: transparent;");fileName = new QLabel(this);fileName->setStyleSheet("background-color: transparent;");fileDate = new QLabel(this);fileDate->setStyleSheet("background-color: transparent;");fileType = new QLabel(this);fileType->setStyleSheet("background-color: transparent;");fileSize = new QLabel(this);fileSize->setStyleSheet("background-color: transparent;");// 设置按钮的大小策略setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);// 设置按钮的固定高度setFixedHeight(50);// 设置字体样式QFont font;font.setFamily("Microsoft YaHei");font.setPointSize(14);fileName->setFont(font);fileDate->setFont(font);fileType->setFont(font);fileSize->setFont(font);// 设置字体对齐方式fileName->setAlignment(Qt::AlignLeft);   // 左对齐fileDate->setAlignment(Qt::AlignRight);  // 右对齐fileType->setAlignment(Qt::AlignRight);fileSize->setAlignment(Qt::AlignLeft);// 设置文件项的布局QHBoxLayout *layout = new QHBoxLayout(this);layout->addWidget(fileIcon, 5, Qt::AlignLeft);layout->addWidget(fileName, 70, Qt::AlignLeft);layout->addWidget(fileDate, 15, Qt::AlignRight);layout->addWidget(fileType, 16, Qt::AlignRight);layout->addWidget(fileSize, 21, Qt::AlignRight);setLayout(layout);
}

关键改动：

  • 在每个 QLabel 实例化后，使用 setStyleSheet("background-color: transparent;"); 明确设置其背景颜色为透明。

这样可以确保 QLabel 的背景颜色在非悬停状态下正确显示为透明。请尝试运行程序，观察是否解决了问题。

ssvip: 如果设置 QLabel 的背景颜色为透明仍然无法解决问题，可能是因为样式表的继承或其他样式设置导致 QLabel 的背景颜色没有正确应用。

为什么会这样，明明在样式表中统一设置了 “QLabel {”
“background-color: transparent;” // 设置QLabel的背景颜色为透明
“}”

    为什么会无效？

GitHub Copilot: 这个问题的根本原因是，QLabel 控件的背景颜色设置为透明在某些情况下可能不起作用，尤其是在其父控件（如 QPushButton）或其他样式设置覆盖的情况下。这里有几个可能导致无效的原因：

1. QPushButton 的背景颜色影响 QLabel

由于 FileItem 继承自 QPushButton，它的背景色可能影响其中的所有子控件，包括 QLabel。QPushButton 默认有一个背景色，即使你把 QLabel 设置为透明，也可能被 QPushButton 的背景色遮住。需要通过样式表明确设置 QPushButton 的背景为透明，或者使 QLabel 的透明设置在悬停时不会被覆盖。

解决方案：
你可以通过样式表强制将 QPushButton 背景颜色设为透明，或者使用 QPushButton 和 QLabel 分别控制它们的背景。

示例：

setStyleSheet("QPushButton {""background-color: transparent;"  // 设置按钮的背景为透明"border-bottom: 1px solid gray;""border-top: 1px solid gray;""border-radius: 0;""padding: 0;""}""QPushButton:hover {""background-color: lightgray;"  // 悬停时的背景色"}""QLabel {""background-color: transparent;"  // QLabel 背景透明"}""QPushButton:hover QLabel {""background-color: lightgray;"  // 悬停时 QLabel 的背景"}"
);

2. 样式表继承问题

样式表的继承可能会造成 QLabel 的背景颜色无效。尤其是，当你设置了按钮样式（如 QPushButton）时，按钮的子控件（QLabel）也会受到影响，除非你明确声明不继承父控件的样式。

解决方案：
使用 QPushButton 的 ::item 伪状态来单独设置按钮内部子控件的样式。或者直接为子控件设置样式，而不是依赖继承。

setStyleSheet("QPushButton {""background-color: transparent;"  // 设置 QPushButton 背景透明"border-bottom: 1px solid gray;""border-top: 1px solid gray;""border-radius: 0;""padding: 0;""}""QPushButton:hover {""background-color: lightgray;"  // 悬停时的背景色"}""QPushButton::item {""background-color: transparent;"  // 强制背景透明"}""QLabel {""background-color: transparent;"  // QLabel 背景透明"}""QPushButton:hover QLabel {""background-color: lightgray;"  // 悬停时 QLabel 的背景"}"
);

3. QPushButton 中的样式覆盖问题

如果你在 QPushButton 内部设置了其它影响背景颜色的属性（如 background, border, 等等），那么 QLabel 的透明设置可能会被覆盖或忽略。

解决方案：
确保样式表中没有其他会影响背景颜色的属性覆盖了 QLabel 的透明设置。避免设置过多的背景样式。

总结：

  • 问题的根源是 QPushButton 的默认背景样式影响了其中的 QLabel。需要明确将 QPushButton 和 QLabel 的背景设置为透明，确保透明效果生效。
  • 样式表中的继承和覆盖关系可能导致 QLabel 的背景透明设置无效，需要检查父控件的影响。

如果按照上述方案调整，应该能解决 QLabel 背景透明问题。

ssvip: QPushButton:hover QLabel#specificLabel {
background-color: lightgray;
}

但是添加这句后就能解决这是为什么？

GitHub Copilot: 添加 QPushButton:hover QLabel#specificLabel { background-color: lightgray; } 后，问题得到解决的原因是因为你通过 #specificLabel 明确地指定了一个 QLabel 控件，而且这个 QLabel 是悬停状态下才会应用 background-color 的样式。这使得你可以单独为悬停时的 QLabel 设置背景颜色。

具体解释如下：

1. QLabel 的样式表作用范围：

  • 当你在样式表中写 "QLabel { background-color: transparent; }" 时，实际上是为所有 QLabel 控件设置透明背景，这个设置会应用到你所有的 QLabel 实例。但是，如果 QPushButton 或其他父控件有特定的背景样式，可能会影响 QLabel 的表现。

2. 悬停状态的特殊处理：

  • 当你使用 QPushButton:hover QLabel#specificLabel { background-color: lightgray; } 时，你为悬停状态下的特定 QLabel（通过 #specificLabel 指定）设置了样式。这种方式明确地指定了当 QPushButton 被悬停时，特定的 QLabel 背景会变成 lightgray。
  • 这个处理确保了你可以区分出不同的 QLabel 实例，即使它们都在 QPushButton 内部。通过这种方式，你能在悬停时单独改变某个 QLabel 的样式，而不干扰其他 QLabel 控件。

3. 为什么 #specificLabel 有效：

  • #specificLabel 是一个ID选择器，用于指定一个特定的控件。通常在样式表中，# 后面跟着的是控件的 objectName，这就能精准地选择特定的控件。
  • 在你的代码中，虽然你没有显式地为 fileName、fileIcon 等设置 objectName，但是如果你为 fileName 或其他 QLabel 设置了 objectName，就可以通过 #specificLabel 来单独控制其样式。也就是说，#specificLabel 用来定位特定的 QLabel，并确保在悬停时只应用该控件的背景颜色。

4. 通用问题和解决方法：

  • 问题： 如果 QLabel 没有明确的 objectName，样式表的选择器会匹配到所有 QLabel，导致所有 QLabel 受到样式影响，可能不是你想要的行为。
  • 解决： 使用 ID 选择器（#specificLabel）并为相应的控件设置唯一的 objectName。这样，在悬停时，只有具有该 ID 的控件会被应用样式，从而避免了样式的冲突。

总结：

通过明确指定 QPushButton:hover QLabel#specificLabel，你能够精确地控制在悬停状态下，特定的 QLabel 背景颜色。这种方法利用了控件的 objectName 来区分不同的 QLabel 实例，从而避免了背景颜色被全局覆盖的问题。如果你希望这种效果适用于多个 QLabel，你可以给不同的 QLabel 设置不同的 objectName，并在样式表中使用相应的选择器。

ssvip: “QPushButton:hover QLabel#specificLabel{”
“QPushButton:hover QLabel{”
有什么区别呢？我本来就是想对所有的qlabel设置透明的

GitHub Copilot: QPushButton:hover QLabel#specificLabel 和 QPushButton:hover QLabel 之间的区别在于选择器的具体性和作用范围。

区别分析：

  1. QPushButton:hover QLabel#specificLabel:

    • 具体性：这个选择器使用了 #specificLabel，意味着它只会影响具有 objectName 为 specificLabel 的 QLabel 控件。
    • 作用范围：仅在 QPushButton 悬停时，且 QLabel 的 objectName 是 specificLabel 时，才会应用 background-color: lightgray;。
    • 使用场景：适用于你想要在悬停时只改变特定 QLabel 的背景颜色，而不影响其他 QLabel。

  2. QPushButton:hover QLabel:

    • 具体性：这个选择器没有使用 ID 或类名，意味着它会影响所有在 QPushButton 内的 QLabel 控件。
    • 作用范围：在 QPushButton 悬停时，所有的 QLabel 都会应用 background-color: lightgray;。
    • 使用场景：适用于你想要在悬停时改变所有 QLabel 的背景颜色。

解决方案：

如果你希望所有的 QLabel 在非悬停状态下都是透明的，而在悬停时变成灰色，可以使用以下样式：

setStyleSheet("QPushButton {""border-bottom: 1px solid gray;""border-top: 1px solid gray;""border-radius: 0;""padding: 0;""background-color: transparent;"  // 设置按钮的背景为透明"}""QPushButton:hover {""background-color: lightgray;""}""QLabel {""background-color: transparent;"  // 设置所有 QLabel 背景颜色为透明"}""QPushButton:hover QLabel {""background-color: lightgray;"  // 悬停时所有 QLabel 的背景颜色"}"
);

总结：

  • 使用 QPushButton:hover QLabel 可以确保所有 QLabel 在悬停时都变成灰色。
  • 使用 QPushButton:hover QLabel#specificLabel 可以精确控制特定 QLabel 的样式。
  • 如果你希望所有 QLabel 在非悬停状态下都是透明的，确保在样式表中明确设置 QLabel { background-color: transparent; }。

http://www.ppmy.cn/embedded/172759.html

相关文章

第一章 图形设计的概述与发展

第一章 图形设计的概述与发展

一：何为图形 图形是一种重要的信息传播的媒介。
阅读更多...
『Rust』Rust运行环境搭建

『Rust』Rust运行环境搭建

文章目录 rust编译工具rustupVisual Studio VS Code测试编译手动编译VSCode编译配置 参考完 rust编译工具rustup https://www.rust-lang.org/zh-CN/tools/install 换源 RUSTUP_DIST_SERVER https://rsproxy.cn RUSTUP_UPDATE_ROOT https://rsproxy.cn修改rustup和cargo的安…
阅读更多...
GaussDB日志分析工具全解析：从错误追踪到性能洞察

GaussDB日志分析工具全解析：从错误追踪到性能洞察

一、引言 数据库日志是排查故障、优化性能和保障数据安全的核心依据。GaussDB提供了丰富的日志功能，包括错误日志、WAL（Write-Ahead Logging）日志、慢查询日志等。本文深入讲解如何利用这些日志工具进行高效分析。 二、GaussDB 核心日志类型…
阅读更多...
【每日学点HarmonyOS Next知识】状态变量、动画UI残留、Tab控件显示、ob前缀问题、文字背景拉伸

【每日学点HarmonyOS Next知识】状态变量、动画UI残留、Tab控件显示、ob前缀问题、文字背景拉伸

1、HarmonyOS 怎么用一个变量观察其他很多个变量的变化？ 有一个提交按钮的颜色，需要很多个值非空才变为红色，否则变为灰色，可不可以用一个变量统一观察这很多个值，去判断按钮该显示什么颜色，比如Button().…
阅读更多...
200多种算法应用于二维和三维无线传感器网络（WSN）覆盖场景

200多种算法应用于二维和三维无线传感器网络（WSN）覆盖场景

2.1 二元感知模型 在当前无线传感器网络（WSN）覆盖场景中，最常见且理想的感知模型是二元感知模型[27]。如图2所示， Q 1 Q_1 Q1​和 Q 2 Q_2 Q2​代表平面区域内的两个随机点。 Q 1 Q_1 Q1​位于传感器的检测区域内，其感…
阅读更多...
Rust从入门到实战

Rust从入门到实战

# 一、Rust的类型 ## 1、mut let a 123; a 2.55; // error a "abc"; // error a 456; // error 这是一件很奇葩的事情，我一个变量怎么就不能改变？看书里面是怎么写的： 解决方法：加个mut就好了： fn ma…
阅读更多...
多线程(超详细) (ε≡٩(๑＞₃＜)۶ 一心向学)

多线程(超详细) (ε≡٩(๑＞₃＜)۶ 一心向学)

多线程目录 一、认识线程 1、概念： 1) 线程是什么 2) 线程为什么存在 3) 进程与线程的区别 二、创建线程 1、方法1：继承Thread类 2、方法2：实现 Runnable 接口 3、方法3：匿名内部类创建 Thread 子类对象 4、方法4&#…
阅读更多...
CBNet：一种用于目标检测的复合骨干网架构之论文阅读

CBNet：一种用于目标检测的复合骨干网架构之论文阅读

摘要 现代顶级性能的目标检测器在很大程度上依赖于骨干网络，而骨干网络的进步通过探索更高效的网络结构带来了持续的性能提升。本文提出了一种新颖且灵活的骨干框架——CBNet，该框架利用现有的开源预训练骨干网络，在预训练-微调范式下构建高…
阅读更多...
最新文章

Copyright @ 2022~2023