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)); // xpainter.drawLine(QPointF(0, 2), QPointF(0, -2)); // yfor(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--基础图形绘制相关推荐
- Qt中的基础图形绘制
文章目录 1 Qt中的基础图形绘制 2 Qt基础图形绘制中的视口和窗口 3 综合实例开发:简易绘图程序 3.1 需求分析 3.2 设计分析 1 Qt中的基础图形绘制 Qt图形系统中的关键角色: QPa ...
- SVG.js 基础图形绘制整理(二)
一.折线 var draw = SVG('svg1').size(300, 300); //画折线 //使用字符串点 // var polyline=draw.polyline('0,0 100,50 ...
- python Numpy 的基础用法以及 matplotlib 基础图形绘制
python Numpy 的基础用法以及 matplotlib 基础图形绘制 1. 环境搭建 1.1 Anaconda anaconda 集成了数据分析,科学计算相关的所有常用安装包,比如Numo ...
- 安卓自定义View基础05-Canvas之基础图形绘制,点,线,矩形,圆,椭圆,弧形等
一.Canvas简介 Canvas我们可以称之为画布,能够在上面绘制各种东西,是安卓平台2D图形绘制的基础, 源码中关于Canvas的解释: The Canvas class holds the &q ...
- python turtle库画图案-Python基础图形绘制库——turtle
(1).介绍 turtle库也叫海龟库,是turtle绘图体系的Python实现.turtle库是Python语言的标准库之一,是入门级的图形绘制函数库. turtle绘图体系:也叫海龟绘图系统,它是 ...
- OpenGL 基础图形绘制与投影变换
本文参考<Computer Graphics Using OpenGL>,第一个例子绘制了 1. 参数定义的House 2. a flurry of filled rectangles 3 ...
- R语言基础图形绘制——箱线图
R语言绘制箱线图 简介 1. 基础函数-`boxplot()` 2. `ggplot()`函数 简介 箱线图主要是通过四分位数描述数据分布,通过最大值,上四分位数,中位数,下四分位数,最小值五处位置描 ...
- Qt基本图形绘制(圆、圆角矩形、圆弧、椭圆、扇形等)
首先介绍一下Qt的坐标机制: Qt的坐标与我们常见的坐标不同,如图,假设下图的矩形就是我们的窗口,矩形左上角顶点即为坐标原点: 绘制矩形 核心代码: paint->drawRect(20,20, ...
- turtle基础图形绘制2-同心圆套娃正方形蟒蛇连体五角星
1.同心圆 circle函数 import turtle turtle.pensize(2) turtle.circle(10) turtle.circle(40) turtle.circle(80) ...
最新文章
- python3语法-python3 标签语法有什么用?
- SpringBoot出现Request method ‘GET‘ not supported
- Asp.Net+Jquery.Ajax详解5-$.getScript
- win10存储池_3个光威480G SSD组WIN10存储池,深度测试到底值不值得搞
- mfc程序转化为qt_小峰的QT学习笔记
- php 405 not allowed,html nginx 405 not allowed问题的解决
- 都不写代码,架构师整天在干啥?
- caffe上手:使用INRIA行人数据集对BVLC Caffe进行fine-tuning
- SOCKET编程详解
- Visual Studio报错:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值...
- linux下设备树spi的节点查询,已解决: 关于ZYNQ-Linux中设备树SPI节点的疑问 - Community Forums...
- 【零基础】PostgreSQL从入门到精通
- ipa在线安装搭建_最新!超级签名系统源码以及搭建过程
- jetson agx xavier 系统源码编译及固件烧写
- 试答一道经典的腾讯面试题:QQ的MVP
- FastJson是如何导致App Crash的
- C语言中的函数与数组详解
- 熬夜刚完的注解与反射
- Python网络爬虫实践(1):爬取网易云音乐播放量大于1000万的歌单
- 记一次微信点赞小网站的事故
热门文章
- 电脑word在哪_求职必会!她是微软Office Word认证大师,想教你成为效率10倍提升的Word高手...
- python学习-日志(logging的定义、参数、format、示例代码、创建logging对象、设置Handler)
- centos桥接模式怎么联网_Parallels Desktop 16教程:PD16虚拟机共享网络和桥接网络设置方法...
- Matlab传递函数的几种生成方式
- python 文件分割 按大小_python处理分隔大文件
- 深度搜索问题c语言,C语言实现的图的深度搜索与广度搜索程序.doc
- linux在主函数中调用进程,linux 调用进程
- 物联网第一台设备是烤面包机?
- 雷军:如果程序人生的话,这条路太漫长
- 国学精典书籍阅读记录