qt设置水平滚动条qss-QT开发中文网

在 Qt 中，可以使用 QSS（Qt Style Sheets）来定制和美化控件的外观，包括水平滚动条。以下是如何为水平滚动条设置样式的示例。

示例代码

#include <QApplication>
#include <QWidget>
#include <QScrollArea>
#include <QVBoxLayout>
#include <QLabel>

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

    QWidget *mainWidget = new QWidget;
    QVBoxLayout *layout = new QVBoxLayout(mainWidget);

    // 创建一个大的标签，以便能够测试水平滚动条
    QLabel *label = new QLabel("This is a long text that will require horizontal scrolling. "
                                "Add more text here to make it longer.");
    label->setFixedWidth(800); // 设置宽度使得需要水平滚动

    // 创建 QScrollArea 并将 QLabel 添加到其中
    QScrollArea *scrollArea = new QScrollArea;
    scrollArea->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOn);
    scrollArea->setWidget(label);

    // 设置 QSS 样式
    scrollArea->setStyleSheet(
        "QScrollBar:horizontal {"
        "   height: 15px;"  // 设置高度
        "   background: #f0f0f0;"  // 背景颜色
        "}"
        "QScrollBar::handle:horizontal {"
        "   background: #888;  // 滑块颜色"
        "   border-radius: 7px;"
        "}"
        "QScrollBar::add-line:horizontal {"
        "   background: #f0f0f0;"
        "   width: 10px;"
        "} "
        "QScrollBar::sub-line:horizontal {"
        "   background: #f0f0f0;"
        "   width: 10px;"
        "} "
        );

    layout->addWidget(scrollArea);
    
    mainWidget->setLayout(layout);
    mainWidget->resize(400, 300); // 设置主窗口大小
    mainWidget->show();

    return app.exec();
}

样式解释

QScrollBar:horizontal：选择所有水平方向的滚动条，设置其高度和背景色。
QScrollBar::handle:horizontal：选择水平方向滚动条的滑块部分，设置其颜色和边框半径。
QScrollBar::add-line:horizontal 和 QScrollBar::sub-line:horizontal：自定义添加和减少按钮的外观。