小项目实验：设置一个应用程序的滚动条样式

1.概要

2.内容

以下是一个完整的 Qt 示例程序，包含滚动条样式设置和触发滚动条显示的场景：

#include <QApplication>
#include <QMainWindow>
#include <QTextEdit>
#include <QVBoxLayout>
#include <QWidget>

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

    // 全局滚动条样式设置
    a.setStyleSheet(R"(
        /* 垂直滚动条 */
        QScrollBar:vertical {
            width: 80px;          /* 滚动条宽度 */
            background: #F0F0F0;  /* 轨道背景色 */
            margin: 0px;
        }
        QScrollBar::handle:vertical {
            background: #4A90E2;  /* 滑块颜色（蓝色） */
            min-height: 80px;     /* 最小滑块高度 */
            border-radius: 9px;   /* 圆角半径 */
        }

        /* 水平滚动条 */
        QScrollBar:horizontal {
            height: 18px;         /* 滚动条高度 */
            background: #F0F0F0;  /* 轨道背景色 */
            margin: 0px;
        }
        QScrollBar::handle:horizontal {
            background: #4A90E2;  /* 滑块颜色（蓝色） */
            min-width: 40px;      /* 最小滑块宽度 */
            border-radius: 9px;   /* 圆角半径 */
        }
    )");

    // 创建主窗口
    QMainWindow mainWindow;
    QWidget *centralWidget = new QWidget(&mainWindow);
    QVBoxLayout *layout = new QVBoxLayout(centralWidget);

    // 创建带滚动条的内容区域（使用QTextEdit并填充大量文本）
    QTextEdit *textEdit = new QTextEdit;
    textEdit->setReadOnly(true);

    // 填充示例文本（500行）
    for(int i = 0; i < 500; ++i) {
        textEdit->append("这是示例文本行 " + QString::number(i+1) +
                         " - 滚动条样式测试：宽度和滑块颜色已修改，其他样式保持默认");
    }

    // 将内容区域放入布局
    layout->addWidget(textEdit);
    mainWindow.setCentralWidget(centralWidget);
    mainWindow.resize(800, 600);  // 初始窗口尺寸
    mainWindow.show();

    return a.exec();
}

运行结果 

关键要素说明：

1. 滚动条触发机制：
   • 使用 QTextEdit 控件并填充 500 行文本，确保内容高度远超可视区域
   • 窗口初始尺寸设置为 800x600，保证内容需要滚动查看
2. 样式表特性：
   • 垂直滚动条宽度设置为 18px
   • 水平滚动条高度设置为 18px
   • 滑块颜色设置为蓝色 (#4A90E2)
   • 滑块最小尺寸设置为 40px（保证可操作性）
   • 轨道背景色设置为浅灰色 (#F0F0F0)
   • 圆角半径设置为 9px（与滚动条尺寸匹配）
3. 验证方法：
   • 运行程序后，窗口右侧和底部会出现滚动条
   • 尝试滚动查看下方内容，观察滚动条样式
   • 调整窗口大小，验证滚动条自动显示/隐藏逻辑

效果预期：

• 垂直滚动条宽度为 18px，水平滚动条高度为 18px
• 滑块呈现蓝色，带有圆角效果
• 滚动轨道为浅灰色背景
• 当内容不足时滚动条自动隐藏（符合默认行为）
• 所有继承自 QAbstractScrollArea 的控件（包括 QTextEdit、QScrollArea 等）都会应用此样式

扩展建议：

如需测试其他控件的滚动条，可以尝试：

// 添加一个带滚动区域的自定义控件
QScrollArea *scrollArea = new QScrollArea;
QWidget *contentWidget = new QWidget;
contentWidget->setFixedSize(2000, 2000); // 超大内容尺寸
scrollArea->setWidget(contentWidget);
layout->addWidget(scrollArea);

3.关联链接

4.关联知识