使用qss设置按钮的图标-QT开发中文网

在 Qt 中，使用 QSS（Qt Style Sheets）设置按钮的图标可以通过样式表中的 background-image 属性来实现。以下是一个简单的示例，展示如何通过 QSS 在按钮上设置图标：

示例代码

#include <QApplication>
#include <QPushButton>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QPushButton button("Click Me"); // 创建一个按钮，并带有文本

    // 设置按钮的样式表
    button.setStyleSheet(
        "QPushButton {"
        "   background-image: url(:/path/to/your/icon_normal.png);"
        "   background-repeat: no-repeat;"
        "   background-position: center;"  // 图标居中显示
        "   border: none;"                 // 去掉边框
        "   padding: 10px;"                // 设置内边距以确保文本不会覆盖图标
        "}"
        "QPushButton:hover {"
        "   background-image: url(:/path/to/your/icon_hover.png);"  // 悬停时的图标
        "}"
    );

    button.resize(200, 100); // 设置按钮大小
    button.show();            // 显示按钮

    return app.exec();
}

注意事项：

图标路径：确保将 ":/path/to/your/icon_normal.png" 和 ":/path/to/your/icon_hover.png" 替换为你的实际图片路径。可以使用 Qt 的资源系统来管理图像资源。
背景重复与位置：
- background-repeat 属性控制背景是否重复。
- background-position 属性用于指定图标的位置，例如 center、left、right 等。
无边框：如果你希望按钮没有默认的边框，可以通过设置 border: none; 来实现。
内边距：可以通过 padding 属性设置内边距，以防止文本与图标重叠。