【三十二】【QT开发应用】pushbutton与menu之间qss中伪状态选择器

将QSS代码全部封装到qss.h头文件中.

qss.h

#ifndef QSS_H
#define QSS_H

#include <string>

using namespace std;

string button_qss = R"(
    QPushButton
    {
        font:18px "Microsoft YaHei";
        color:rgb(255,255,255);
        border:none
    }

    QPushButton::menu-indicator:open
    {
        image:url(:/resources/down_arrow.svg);
        subcontrol-position:right center;
        subcontrol-origin:padding;border:none;

    }

    QPushButton::menu-indicator:closed
    {
        image:url(:/resources/up_arrow.svg);
        subcontrol-position:right center;
        subcontrol-origin:padding;border:none;
    }
)";

string menuQss = R"(
    QMenu
    {
        background-color:rgb(53, 63, 73);
    }

    QMenu::item
    {
         font:16px;
         color:white;
         background-color:rgb(53, 63, 73);
         padding:8px 32px;
         margin:8px 8px;
         /*border-bottom:1px solid #DBDBDB;  item底部颜色*/
    }

    /*选择项设置*/
    QMenu::item:selected
    {
         background-color:rgb(54, 54, 54);
    }
)";

string menuItemQss = R"(
    QMenu
    {
        background-color:rgb(73, 73, 73);
    }

    QMenu::item
    {
         font:16px;
         color:white;
         background-color:rgb(73, 73, 73);
         padding:8px 32px;
         margin:8px 8px;
         /*border-bottom:1px solid #DBDBDB;  item底部颜色*/
    }

    /*选择项设置*/
    QMenu::item:selected
    {
         background-color:rgb(54, 54, 54);
    }
)";

#endif // QSS_H

• 下拉菜单open伪状态
  QPushButton::menu-indicator:open{}当QPushButton关联了一个下拉菜单,并且菜单打开的时候,会触发里面的代码.

• 设置下拉菜单的图片
  image:url(:/resources/down_arrow.svg);设置背景图片为一个下拉的箭头.

• 子控件与父控件位置
  subcontrol-position:right center;表示将子控件放置在右边，同时垂直居中。
  subcontrol-origin:padding;border:none;子控件的位置相对于父控件的内边距进行定位，确保子控件放置在与内边距相关的位置，而不是控件的边缘或内容区域。

• 对QMenu中所有的item设置
  QMenu::item{}

• 伪状态选择器当被选择时,类似于鼠标悬浮
  QMenu::item:selected{}

结尾

最后，感谢您阅读我的文章，希望这些内容能够对您有所启发和帮助。如果您有任何问题或想要分享您的观点，请随时在评论区留言。
同时，不要忘记订阅我的博客以获取更多有趣的内容。在未来的文章中，我将继续探讨这个话题的不同方面，为您呈现更多深度和见解。
谢谢您的支持，期待与您在下一篇文章中再次相遇！