Qt 之图形（转换）

最新推荐文章于 2023-09-21 16:24:35 发布

柠萌初夏

最新推荐文章于 2023-09-21 16:24:35 发布

阅读量225

点赞数

分类专栏： #Qt

#Qt 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

原

Qt 之图形（转换）

2016年04月21日 21:24:55 一去丶二三里阅读数 8566 更多

所属专栏：《Qt 实战一二三》

                        </div>
                                                        </div>
            <div class="operating">
                                </div>
        </div>
    </div>
</div>
<article class="baidu_pl">
            <div id="article_content" class="article_content clearfix" data-track-view="{&quot;mod&quot;:&quot;popu_307&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/liang19890820/article/details/51212890,&quot;}" data-track-click="{&quot;mod&quot;:&quot;popu_307&quot;,&quot;con&quot;:&quot;,https://blog.csdn.net/liang19890820/article/details/51212890&quot;}">
                                            <div class="article-copyright">
                                                <svg class="icon" title="CSDN认证原创" aria-hidden="true" style="width:53px; height: 18px; vertical-align: -4px;">
                            <use xlink:href="#CSDN_Cert"></use>
                        </svg>
                    
                    版权声明：本文为博主原创文章，未经博主允许不得转载。                        https://blog.csdn.net/u011012932/article/details/51212890                    </div>
                                                <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-3019150162.css">
                                    <div id="content_views" class="markdown_views">
                <!-- flowchart 箭头图标 勿删 -->
                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                    <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                </svg>
                                        <h1 id="简述"><a name="t0"></a>简述</h1>

QTransform 用于指定坐标系的 2D 转换 - 平移、缩放、扭曲（剪切）、旋转或投影坐标系。绘制图形时，通常会使用。

QTransform 与 QMatrix 不同之处在于，它是一个真正的 3x3 矩阵，允许视角转换，QTransform 的 toAffine() 方法允许将 QTransform 转换到 QMatrix。如果视角转换已在矩阵指定，则转换将导致数据丢失。

常用接口

translate(qreal dx, qreal dy)：平移 - 对坐标系沿着 x 轴移动 dx、沿 y 轴移动 dy
scale(qreal sx, qreal sy)：缩放 - 通过水平的 sx 和垂直的 sy 缩放坐标系
rotate(qreal angle, Qt::Axis axis = Qt::ZAxis)：旋转 - 对指定的轴用给定的角度反时针旋转坐标系统
shear(qreal sh, qreal sv)：扭曲 - 通过水平的 sh 和垂直的 sv 扭曲坐标系
reset()：重置为单位矩阵

基本使用

先来看基本使用：

这里写图片描述

这里，我们在从坐标原点 (0, 0) 位置开始，大小为 150 * 150 的区域内，绘制了一张图片。

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

    // 反走样
    painter.setRenderHint(QPainter::Antialiasing, true);

    painter.drawPixmap(QRect(0, 0, 150, 150), QPixmap(":/Images/logo"));
}
 
 
 
 1
2
3
4
5
6
7
8
9
10
11

平移

translate() 可将坐标原点变更为指定的坐标点 (x, y)。

这里写图片描述

这里，将坐标原点由 (0, 0) 变为 (120, 20)。

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

    // 反走样
    painter.setRenderHint(QPainter::Antialiasing, true);

    QTransform transform;
    // 平移
    transform.translate(120, 20);

    painter.setTransform(transform);
    painter.drawPixmap(QRect(0, 0, 150, 150), QPixmap(":/Images/logo"));
}
 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

旋转

rotate() 使用角度技巧表示远近。设置第二个参数为角度的常量值后，可以使用 X 轴、Y 轴、Z 轴技巧。它默认是以原点为中心进行旋转的，如果要改变旋转的中心，可以使用 translate() 函数完成。

Qt::XAxis	Qt::YAxis	Qt::ZAxis

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

    // 反走样
    painter.setRenderHint(QPainter::Antialiasing, true);

    QTransform transform;
    // 平移
    transform.translate(120, 20);
    // 旋转
    transform.rotate(45, Qt::XAxis);

    painter.setTransform(transform);
    painter.drawPixmap(QRect(0, 0, 150, 150), QPixmap(":/Images/logo"));
}
 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

缩放

scale() 可以进行缩放。

这里写图片描述

这里，使绘制的图像缩小到原来的一半。

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

    // 反走样
    painter.setRenderHint(QPainter::Antialiasing, true);

    QTransform transform;
    // 平移
    transform.translate(120, 20);
    // 旋转
    transform.rotate(45);
    // 缩放
    transform.scale(0.5, 0.5);

    painter.setTransform(transform);
    painter.drawPixmap(QRect(0, 0, 150, 150), QPixmap(":/Images/logo"));
}
 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

扭曲

shear() 可以实现图片的扭曲。它有两个参数，前面的参数实现横向变形，后面的参数实现纵向变形。当它们的值为 0 时，表示不扭曲。

这里写图片描述

void MainWindow::paintEvent(QPaintEvent *event)
{
    Q_UNUSED(event);

    QPainter painter(this);

    // 反走样
    painter.setRenderHint(QPainter::Antialiasing, true);

    QTransform transform;
    // 横向扭曲
    transform.shear(0.5, 0);

    painter.setTransform(transform);
    painter.drawPixmap(QRect(0, 0, 150, 150), QPixmap(":/Images/logo"));
}
 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

            <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-e44c3c0e64.css" rel="stylesheet">
                </div>
</article>