Qt--基础图形绘制
一.基础图形绘制
A.Qt图形系统中的关键角色
QPainter--Qt中的画家,能够绘制各种基础图形 ,拥有绘图所需的画笔、画刷、字体
QPaintDevice--Qt中的画布,画家的绘图板,所有的QWidget类都继承自QPaintDevice
Qt图形系统中的关键角色
Qt中所使用的工具
1.QPen-用于绘制几何图形的边缘,由颜色、宽度、线风格等参数组成
2.QBrush-用于填充几何图形的调色板,由颜色和填充风格组成
3.QFont-用于文本绘制,由字体属性组成
需要注意的是--只能在QWidget::paintEvent中绘制图形
B.Qt图形系统中的坐标系
1.物理坐标系--原点(0,0)在左上角的位置,单位是像素并且X坐标向右增长,Y坐标向下增长
2.逻辑坐标系--数学模型中的抽象坐标系,单位由具体问题决定,坐标轴的增长方向由具体问题决定
我们需要注意的是QPainter使用逻辑坐标系绘制图形,逻辑坐标系中图形的大小和位置经由转换后绘制于具体设备,且在默认情况下的逻辑坐标与物理坐标系完全一致
C.视口与窗口
1.视口--物理坐标系中一个任意指定的矩形
2.窗口--逻辑坐标系下对应到物理坐标系中的相同矩形
深入理解视口与窗口
1.视口与窗口是不同坐标系中的同一个矩形
2.视口与窗口中的坐标点存在一一映射的关系
3.视口与窗口能够通过坐标转换而相互转换
视口与窗口的变换方法
1.定义视口--左上角坐标,右下角坐标,计算宽度和高度
2.定义窗口--左上角坐标,右下角坐标,计算宽度和高度
代码示例
Widget.cpp
#include "Widget.h"
#include <QPainter>
#include <QPointF>
#include <QPen>
#include <qmath.h>
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
}
void Widget::paintEvent(QPaintEvent *)
{
//绘图工具的基本设置
QPainter painter(this);
QPen pen;
pen.setColor(Qt::green);
pen.setStyle(Qt::SolidLine);
pen.setWidthF(0.01);
painter.setPen(pen);
painter.setViewport(50, 50, width()-100, height()-100);//视图
painter.setWindow(-10, 2, 20, -4); //窗口
painter.fillRect(-10, 2, 20, -4, Qt::black);
painter.drawLine(QPointF(-10, 0), QPointF(10, 0)); // x
painter.drawLine(QPointF(0, 2), QPointF(0, -2)); // y
for(float x=-10; x<10; x+=0.01)
{
float y = qSin(x);
painter.drawPoint(QPointF(x, y));
}
}
Widget::~Widget()
{
}
运行结果如图所示
C.实例实现--简单的绘图程序
我们需要的功能--自由的绘制图形,并且能够选择图形绘制颜色
a.界面的选择
1.以QWidget为基类创建绘图主窗口
2.使用QGroupBox创建图形设置区域
3.使用单选QRadioBox实现目标图形的选择
4.使用组合框QCombox实现绘图颜色的选择
b.自由绘图的主要实现
1.以鼠标按下为开始,记录开始坐标--mousePressEvent
2.记录鼠标移动时经过的像素坐标--mouseMoveEvent
3.以鼠标释放为结束,记录坐标--mouseReleaseEvent
4.按照记录顺序在两两坐标之间绘制直线--painEevent
c.基础图形的绘制与自由绘图类似
1.以鼠标按下为开始,记录开始坐标--mousePressEvent
2.将鼠标移动时经过的每个坐标作为临时结束坐标--mouseMoveEvent
3.以鼠标释放为结束,确定最终结束坐标--mouseReleaseEvent
4.在开始坐标和结束坐标之间绘制目标图形--painEevent
实现的程序运行图如下
QPainter类用法
本文主要总结QPainter类的用法,主要以代码和注释讲解为主。通过讲解两个例子来熟悉QPainter类的用法。第一个例子是用两个点绘制一条线段,用画笔和画刷绘制一个红色边框矩形,矩形里面填充绿色。第二个例子是绘制矩形表格和弧线点画线,具体的步骤如下所述:
一、新建一个widget工程,基类为QWidget,在Widget.h头文件中,添加入下代码:
二、在widget.cpp源文件中,添加如下代码:
三、构建运行后的结果如下图所示:
两点(0,0)(200,100)绘制一条线段
添加画笔和画刷绘制一个红色边框矩形,里面填充绿色
四、绘制矩形表格和弧线
将第二部门的void Widget::paintEvent(QPaintEvent *QPaintEvent)函数里面的内容全部删除,改写成如下图所示代码:
五、程序构建和运行后,执行结果如下图所示:
矩形表格
弧线(左上角)
重写mainwindows绘图事件在mainwindows中绘制简单一条直线
相关文章
- Qt音视频开发33-ffmpeg安卓版
- QT开发:QSqlDatabasePrivate::addDatabase: duplicate connection name 'qt_sql_default_connection'...
- QT 智能提示设置
- QT中操作Txt文件(Qt中QString与QByteArray互相转化方法)
- QT-多线程重要概念及与界面之间交互总结(混淆点分析:c#中可以在子线程中创建ui控件,qt中不能在子线程中创建ui控件)
- Qt -线程基础(QThread、QtConcurrent、信号槽等)
- 【QT】Qt 给已经开发好的程序快速封装成动态库
- 【QT】Qt项目demo:数据在ui界面上显示,鼠标双击可弹窗显示具体信息
- 【QT】Qt 使用MSVC2017找不到编译器的解决办法
- 【IDE】Qt Creator的常用快捷键
- QT基础——QML及其相关的qt模块
- QT工具——qt for vs
- Qt音视频开发38-ffmpeg视频暂停录制的设计
- Qt编写物联网管理平台35-实时曲线
- Qt编写数据可视化大屏界面电子看板13-基础版
- Qt编写自定义控件17-按钮进度条
- qt widget设置Qt::FramelessWindowHint和Qt::WA_TranslucentBackground, 会出现一个bug: 在最小化后还原时界面停止刷新(Qt5.1解决了这个问题。但实际Qt5.7还有这个问题)
- Install Qt 5 on Ubuntu(使用qt-opensource-linux-x64-5.7.0.run进行安装,而且是官方的wiki)
- Qt之线程基础
- Qt之图形(QPainterPath)
- Qt error:QtThese QT version are inaccessible
- Qt 有多少人折腾-qt for s60终于安装成功
- 【正点原子Linux连载】第二章 C++基础摘自【正点原子】I.MX6U嵌入式Qt开发指南V1.0.2
- Qt 控件
- Windows下Qt打包:bat批处理脚本实现Qt自动打包
- [已解决]报错: qt.qpa.plugin: Could not load the Qt platform plugin "windows" in "" even though it ...
- qt.qpa.plugin: Could not find the Qt platform plugin "windows" in ""
- 详解 QT 源码之 Qt 事件机制原理
- 查看和调试Qt源码(动态编译的QT也可进入源码)good