【qt】坐标系变换

一.物理坐标

物理坐标系，就是我们上节课说的，坐标的原点在窗口的左上角。这节课我们可以通过改变原点的位置来达到我们想姚的逻辑坐标。

二.逻辑坐标

1.平移

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    painter.drawImage(rect,image);

    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    painter.drawImage(rect,image);
}

运行结果：

2.旋转

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    //painter.drawImage(rect,image);

    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    painter.drawImage(rect,image);

    painter.rotate(90);//将坐标系顺时针旋转90
    painter.drawImage(rect,image);
}

运行结果：

3.扭转

shear的参数范围为0~1

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    //painter.drawImage(rect,image);

    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    //painter.drawImage(rect,image);

    painter.shear(0.1,0.1);
    painter.drawImage(rect,image);
    }

运行结果：

4.缩放

scale的参数1为分解线，小于1缩小，大于1放大

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    painter.drawImage(rect,image);
    painter.scale(2,2);
    painter.drawImage(rect,image);
    }

缩放前：

缩放后：

三.案例结合画一个五角星

正常画一个五角星是需要我们去找坐标的，而且比较难找，所以我们通过下面的方法进行绘画。

应该能看懂吧，数学知识，第一条在坐标系的五角星坐标是很容易的，后面的都是通过三角函数来得到的。
360°被分为5份，所以每个角的度数为360/5=72°。

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPen pen;
    pen.setColor(Qt::red);
    pen.setWidth(4);
    painter.setPen(pen);



    painter.setRenderHint(QPainter::Antialiasing);
    painter.setRenderHint(QPainter::TextAntialiasing);


    qreal r=200;//qreal相当于double
    qreal unit=72*3.141592/180;//算的是72°的弧度值，因为cos和sin需要的是弧度

    QPoint points[5]={
        QPoint(r,0),
        QPoint(r*cos(unit),-r*sin(unit)),
        QPoint(r*cos(unit*2),-r*sin(unit*2)),
        QPoint(r*cos(unit*3),-r*sin(unit*3)),
        QPoint(r*cos(unit*4),-r*sin(unit*4))
    };

    QPainterPath path;
    path.moveTo(points[0]);//把笔放在那个点开始
    path.lineTo(points[2]);//画线到这个点
    path.lineTo(points[4]);
    path.lineTo(points[1]);
    path.lineTo(points[3]);
    path.closeSubpath();//第一个点和最后一个点相连


    QFont font;
    font.setPointSize(20);
    painter.setFont(font);
    //路径还可以加文字
    path.addText(points[0],font,"0");
    path.addText(points[1],font,"1");
    path.addText(points[2],font,"2");
    path.addText(points[3],font,"3");
    path.addText(points[4],font,"4");


    painter.drawPath(path);

    painter.save();//保存当前坐标系
    painter.translate(300,300);
    painter.rotate(-18);//向逆时针转18°
    painter.drawPath(path);
    painter.restore();//恢复到刚刚保存的坐标系


}

运行结果：

完美！

四.总结

当我们需要某些特殊的绘图的时候，我们可以换个角度，来对坐标系进行变换，可以会出现意想不到的好结果！

人生有两条路，一条需要用心走，叫做梦想；一条需要用脚走，叫做现实。心走得太快，会迷路；脚走得太快，会摔倒。愿你的人生不慌不忙，一路走得坦荡。