快捷導(dǎo)航

Qt中QPainter與坐標(biāo)的使用

更新時(shí)間：2022年04月07日 15:33:41 作者：SongpingWang

本文主要介紹了Qt中QPainter與坐標(biāo)的使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一、坐標(biāo)系統(tǒng)與坐標(biāo)變換

坐標(biāo)系統(tǒng)

在這里插入圖片描述

QPainter坐標(biāo)變換相關(guān)函數(shù)

分組	函數(shù)原型	功能
坐標(biāo)變換	void translate(qreal dx,qreal dy)	坐標(biāo)系統(tǒng)一定的偏移量，坐標(biāo)原點(diǎn)平移到新的點(diǎn)
	void rotate(qreal angle)	坐標(biāo)系統(tǒng)順時(shí)針旋轉(zhuǎn)-一個(gè)角度
	void scale(qreal sx,qreal sy)	坐標(biāo)系統(tǒng)縮放
	void shear(qrael sh,qreal sy)	坐標(biāo)系統(tǒng)做扭轉(zhuǎn)變換
狀態(tài)保存與恢復(fù)	void save()	保存painter當(dāng)前的狀態(tài)，就是將當(dāng)前狀態(tài)壓入棧
	void restore()	恢復(fù)上一次狀態(tài)，就是從堆棧中彈出上次的狀態(tài)
	void resetTransform()	復(fù)位所有的坐標(biāo)變換

示例

繪制五角星

船艦widget窗口，只重載paintEvent函數(shù)

#include "widget.h"
#include "ui_widget.h"
#include <QPalette>
#include <QPainter>
#include <cmath>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    setPalette(QPalette(Qt::white));
    setAutoFillBackground(true);
    resize(600,300);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    QPainter painter(this);
    QPen pen;                                      //筆
    pen.setStyle(Qt::SolidLine);
    painter.setPen(pen);
    painter.setRenderHint(QPainter::Antialiasing); //抗鋸齒

    QBrush brush;                                  //刷子
    brush.setColor(Qt::yellow);
    brush.setStyle(Qt::SolidPattern);
    painter.setBrush(brush);

    //qreal deg = 3.141592*2/5;
    qreal deg = (360/5)*3.141592/180;
    qreal R=100;
    QPoint points[5] = {
        QPoint(R,0),
        QPoint(R*std::cos(deg),-R*std::sin(deg)),
        QPoint(R*std::cos(2*deg),-R*std::sin(2*deg)),
        QPoint(R*std::cos(3*deg),-R*std::sin(3*deg)),
        QPoint(R*std::cos(4*deg),-R*std::sin(4*deg)),
    };
    QPainterPath starPath;

    starPath.moveTo(points[3]);
    starPath.lineTo(points[1]);
    starPath.lineTo(points[4]);
    starPath.lineTo(points[2]);
    starPath.lineTo(points[0]);
    starPath.closeSubpath();

    QFont font;
    font.setPointSize(12);
    starPath.addText(points[0], font, "0");
    starPath.addText(points[1], font, "1");
    starPath.addText(points[2], font, "2");
    starPath.addText(points[3], font, "3");
    starPath.addText(points[4], font, "4");

    painter.setFont(font);
    painter.save();                  //保存
    painter.translate(100,120);
    painter.drawPath(starPath);
    painter.drawText(0,0,"S1");

    painter.restore();              //恢復(fù)
    painter.translate(300,120);
    painter.rotate(90);
    painter.scale(0.7,0.7);
    painter.drawPath(starPath);
    painter.drawText(0,0,"S2");


    painter.resetTransform();
    painter.translate(500,120);
    painter.rotate(-90);
    painter.scale(1.05,1.05);
    painter.drawPath(starPath);
    painter.drawText(0,0,"S3");
}

在這里插入圖片描述

二、可縮放圖形

視口: 繪圖設(shè)備的任意一個(gè)矩形區(qū)域的物理坐標(biāo)，可以只選取物理坐標(biāo)的一個(gè)矩形區(qū)域用
于繪圖。視口默認(rèn)情況下等于繪圖設(shè)備的整個(gè)矩形區(qū)。
窗口: 對(duì)應(yīng)于視口的矩形區(qū)域，只不過(guò)是用邏輯坐標(biāo)定義的坐標(biāo)系，窗口坐標(biāo)的中心在矩
形中心。
使用窗口坐標(biāo)繪制，不用管實(shí)際的物理大小

#include "widget.h"
#include "ui_widget.h"
#include <QPalette>
#include <QPainter>
#include <QLinearGradient>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    setPalette(QPalette(Qt::white));
    setAutoFillBackground(true);
    resize(300,300);
}

Widget::~Widget()
{
    delete ui;
}

void Widget::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing);
    int W = QWidget::width();
    int H = QWidget::height();

    int side = qMin(W,H);
    QRect rect((W-side)/2,(H-side)/2, side,side);  //視口大小
    painter.drawRect(rect);
    painter.setViewport(rect);
    painter.setWindow(-100,-100,200,200);

    QLinearGradient linerGradient(0,0,100,0);     // 漸變
    linerGradient.setColorAt(0,Qt::yellow);
    linerGradient.setColorAt(1,Qt::green);
    linerGradient.setSpread(QGradient::PadSpread); //發(fā)散

    painter.setCompositionMode(QPainter::RasterOp_NotSourceXorDestination);
    painter.setBrush(linerGradient);
    for (size_t i=0; i<36; i++) {
        painter.drawEllipse(QPoint(50,0),50,50);
        painter.rotate(10);
    }
}

在這里插入圖片描述