Qt的QGraphicsView控件的样式设置

在Qt的QGraphicsView框架中，样式设置可以通过多种方式实现，包括场景背景、图形项的绘制属性（颜色、线条、渐变等）、视图的渲染效果（如抗锯齿），以及通过Qt样式表（QSS）自定义外观。以下是详细的样式设置方法：

1. 场景（QGraphicsScene）的样式

1.1 设置背景颜色或图片

cpp 复制代码

QGraphicsScene *scene = new QGraphicsScene();

// 设置纯色背景
scene->setBackgroundBrush(Qt::lightGray);

// 设置渐变背景（水平渐变）
QLinearGradient gradient(0, 0, scene->width(), 0);
gradient.setColorAt(0, Qt::white);
gradient.setColorAt(1, Qt::blue);
scene->setBackgroundBrush(gradient);

// 设置图片背景
QPixmap bgImage(":/images/background.png");
scene->setBackgroundBrush(bgImage);

1.2 网格背景

在场景中绘制网格作为参考线：

cpp 复制代码

// 在场景中添加网格线（示例）
for (int x = 0; x <= scene->width(); x += 50) {
    scene->addLine(x, 0, x, scene->height(), QPen(Qt::gray, 1, Qt::DotLine));
}
for (int y = 0; y <= scene->height(); y += 50) {
    scene->addLine(0, y, scene->width(), y, QPen(Qt::gray, 1, Qt::DotLine));
}

2. 图形项（QGraphicsItem）的样式

2.1 基本绘制属性

使用QPen（边框）和QBrush（填充）控制样式：

cpp 复制代码

// 创建红色矩形，蓝色边框
QGraphicsRectItem *rect = scene->addRect(0, 0, 100, 50);
rect->setBrush(QBrush(Qt::red));          // 填充颜色
rect->setPen(QPen(Qt::blue, 2));          // 边框颜色和宽度

// 自定义渐变填充
QLinearGradient gradient(0, 0, 100, 50);
gradient.setColorAt(0, Qt::yellow);
gradient.setColorAt(1, Qt::green);
rect->setBrush(gradient);

2.2 文本项的字体和颜色

cpp 复制代码

QGraphicsTextItem *text = scene->addText("Hello Qt!");
text->setDefaultTextColor(Qt::darkBlue);  // 文本颜色
text->setFont(QFont("Arial", 16, QFont::Bold)); // 字体

2.3 选中状态样式

在自定义QGraphicsItem中，根据选中状态调整绘制逻辑：

cpp 复制代码

void CustomItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *) {
    if (isSelected()) {
        painter->setPen(QPen(Qt::red, 3, Qt::DashLine)); // 选中时红色虚线边框
    } else {
        painter->setPen(QPen(Qt::black, 1));
    }
    painter->setBrush(Qt::cyan);
    painter->drawRect(boundingRect());
}

3. 视图（QGraphicsView）的样式

3.1 抗锯齿和渲染质量

cpp 复制代码

QGraphicsView *view = new QGraphicsView(scene);
view->setRenderHint(QPainter::Antialiasing, true);       // 抗锯齿
view->setRenderHint(QPainter::TextAntialiasing, true);   // 文本抗锯齿
view->setRenderHint(QPainter::SmoothPixmapTransform, true); // 平滑缩放

3.2 滚动条和边框样式

通过Qt样式表（QSS）自定义视图外观：

cpp 复制代码

view->setStyleSheet(
    "QGraphicsView {"
    "   border: 2px solid #888;"
    "   border-radius: 5px;"
    "   background: #f0f0f0;"  // 视图背景（不影响场景背景）
    "}"
    "QScrollBar:vertical { width: 12px; }"
    "QScrollBar:horizontal { height: 12px; }"
);

3.3 视口（Viewport）样式

若需直接设置视口背景（覆盖场景背景）：

cpp 复制代码

view->setBackgroundRole(QPalette::Window); // 使用窗口调色板颜色
view->setAutoFillBackground(true);         // 启用自动填充

4. 高级样式设置

4.1 阴影效果

为图形项添加阴影：

cpp 复制代码

QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect;
shadow->setBlurRadius(10);
shadow->setColor(Qt::gray);
shadow->setOffset(4, 4);
rect->setGraphicsEffect(shadow);

4.2 自定义视图绘制

重写QGraphicsView::drawBackground或drawForeground：

cpp 复制代码

class CustomView : public QGraphicsView {
protected:
    void drawBackground(QPainter *painter, const QRectF &rect) override {
        // 自定义背景绘制（例如水印）
        painter->setOpacity(0.3);
        painter->drawText(rect, Qt::AlignCenter, "Qt Graphics View");
    }
};

5. 常见问题

样式表不生效？

确保样式表作用在正确的控件上（如QGraphicsView的视口需通过viewport()->setStyleSheet()设置）。
避免样式冲突（如父控件覆盖了子控件的样式）。

性能问题？

复杂阴影或渐变可能影响性能，可考虑使用QGraphicsItem::setCacheMode(QGraphicsItem::DeviceCoordinateCache)缓存项。

6. 示例代码

cpp 复制代码

#include <QApplication>
#include <QGraphicsScene>
#include <QGraphicsView>
#include <QGraphicsRectItem>
#include <QGraphicsDropShadowEffect>

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

    QGraphicsScene scene;
    scene.setSceneRect(0, 0, 800, 600);
    scene.setBackgroundBrush(Qt::lightGray);

    // 添加带阴影的矩形
    QGraphicsRectItem *rect = scene.addRect(100, 100, 200, 100);
    rect->setBrush(Qt::cyan);
    rect->setPen(QPen(Qt::blue, 2));

    QGraphicsDropShadowEffect *shadow = new QGraphicsDropShadowEffect;
    shadow->setBlurRadius(15);
    shadow->setOffset(5, 5);
    rect->setGraphicsEffect(shadow);

    // 自定义视图
    QGraphicsView view(&scene);
    view.setRenderHint(QPainter::Antialiasing);
    view.setWindowTitle("Styled Graphics View");
    view.resize(800, 600);
    view.show();

    return app.exec();
}

通过这些方法，可以灵活控制QGraphicsView框架的视觉样式，满足从简单到复杂的界面设计需求。