QPainter 中的setWindow与setViewPort

最新推荐文章于 2025-03-13 18:03:35 发布

wangzai6378

最新推荐文章于 2025-03-13 18:03:35 发布

阅读量8.8k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Qt 文章标签： QPainter setViewPort setWindow 逻辑坐标

本文链接：https://blog.youkuaiyun.com/wanghualin033/article/details/78752666

Qt 专栏收录该内容

56 篇文章

订阅专栏

本文探讨了如何利用QPainter的setWindow和setViewport函数实现绘图自适应窗口大小的功能。通过对不同设置下的图形表现进行对比，揭示了逻辑绘图区域与视口映射原理。

近段时间一直研究，QPainter绘图以及使用QPainter绘制动画；直到今天看到一篇博客中使用QPainter绘图之后，

仅仅只是在绘图前使用了一个setWindow函数就能让图形自适应；于是做了研究。

首先我们不启动以上两个函数，添加如下代码

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(Qt::black, 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
//    painter.setWindow(0,0,300,200); //painter的逻辑绘图区域，左上角为(0,2)，右下角为(300,200)
//    painter.setViewport(0,-height() + _y,width(),height()); //实际在窗口映射到窗口显示的区域

    QLinearGradient linGrad1(20, 100, 40, 100);
    linGrad1.setColorAt(0, Qt::gray);
    linGrad1.setColorAt(1, Qt::white);
    linGrad1.setSpread(QGradient::ReflectSpread);
    painter.setBrush(linGrad1);

    QRectF border1(20, 20, 260, 160);
    painter.drawRoundRect(border1, 20, 20);

    painter.setPen(QPen(Qt::black, 1, Qt::DotLine, Qt::RoundCap, Qt::RoundJoin));
    QRectF border2(25, 25, 250, 150);
    painter.drawRoundRect(border2, 20, 20);

得到的结束如下

如果我们将窗口放大，可以发现图形位置没有变，大小也没有变

修改代码在绘制之前设置painter的逻辑绘图坐标window

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(Qt::black, 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
    painter.setWindow(0,0,300,200); //painter的逻辑绘图区域，左上角为(0,2)，右下角为(300,200)
//    painter.setViewport(0,-height() + _y,width(),height()); //实际在窗口映射到窗口显示的区域

    QLinearGradient linGrad1(20, 100, 40, 100);
    linGrad1.setColorAt(0, Qt::gray);
    linGrad1.setColorAt(1, Qt::white);
    linGrad1.setSpread(QGradient::ReflectSpread);
    painter.setBrush(linGrad1);

    QRectF border1(20, 20, 260, 160);
    painter.drawRoundRect(border1, 20, 20);

    painter.setPen(QPen(Qt::black, 1, Qt::DotLine, Qt::RoundCap, Qt::RoundJoin));
    QRectF border2(25, 25, 250, 150);
    painter.drawRoundRect(border2, 20, 20);

将窗口放大后，可以看见图形在保持比例缩放，就像layOut一样

再修改代码，为painter添加视图区域

    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(Qt::black, 2, Qt::SolidLine, Qt::RoundCap, Qt::RoundJoin));
    painter.setWindow(0,0,300,200); //painter的逻辑绘图区域，左上角为(0,2)，右下角为(300,200)
    painter.setViewport(100,50,100,100); //实际在窗口映射到窗口显示的区域

    QLinearGradient linGrad1(20, 100, 40, 100);
    linGrad1.setColorAt(0, Qt::gray);
    linGrad1.setColorAt(1, Qt::white);
    linGrad1.setSpread(QGradient::ReflectSpread);
    painter.setBrush(linGrad1);

    QRectF border1(20, 20, 260, 160);
    painter.drawRoundRect(border1, 20, 20);

    painter.setPen(QPen(Qt::black, 1, Qt::DotLine, Qt::RoundCap, Qt::RoundJoin));
    QRectF border2(25, 25, 250, 150);
    painter.drawRoundRect(border2, 20, 20);