Qt之二维绘图
Qt之二维绘图
(2013-07-03 11:19:31)
转载▼
标签： qt二维绘图圆角窗体qt圆角it |
分类： Qt |
学习Qt，那么二维绘图必不可少！而且在开发界面的时候很多样式（点、线、矩形、弧形、饼状图、多边形、贝塞尔弧线等）都会用到，所以建议认真学习二维绘图！
Qt的二维图形引擎是基于QPainter类的，QPainter既可以绘制几何图形，也可以绘制像素映射、图像和文字。此外，QPainter也支持一些高级特性，例如反走样（针对文字和图形边缘）、像素混合、渐变填充和矢量路径等，QPainter也支持线性变换，例如平移、旋转、错切和缩放。
QPainter可以画在“绘图设备”上，例如：QWidget、QPixmap、QIamge或者QSvgGenerator。QPainter也可以与QPrinter一起使用来打印文件盒创建PDF文档。这意味着通常可以用相同的代码在屏幕上显示数据，也可以生成打印形式的报告。
如果要在绘图设备（一般为窗口部件）上绘图，只需创建一个QPainter,再将指针传到该设备中。
例如：
void MyWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
}
使用QPainter的draw...()函数，可以绘制各种各样的形状。图8.1列出了其中最重要一些函数。绘制效果取决于QPainter的设置，一些是从设备中取得的，然而有些被初始化成默认值。三个主要设置是画笔、画刷、字体：
画笔：用来画线和边缘。它包含颜色、宽度、线性、拐点风格以及连线风格。
画刷：用来填充几何图形的图案。它一般由颜色和风格组成，但同时也可以是纹理（一个不断重复的图像）或者是一个渐变。
字体：用来绘制文字。字体有很多属性，包括字体族和磅值大小。
可以随时调用QPen、QBrush或者QFont对象的setPen()、setBrush()和setFont()来修改这些设置。
draw...，见明知义。绘制点drawPoint()、绘制直线drawLine()、绘制折线drawPolyLine()、绘制多点drawPoints()、绘制多直线drawLines()、绘制矩形区域drawRect()、绘制圆角区域drawRoundRect()、绘制椭圆drawEllipse()、绘制背景图片drawPixmap()等！
举例：
绘制直线：
1、在当前窗口绘制
void myWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
painter.setPen(Qt::gray); //设置画笔为灰色
painter.drawLine(0, 0, 100, 100); //(0, 0)为初始坐标，（100, 100）为最终坐标
}
2、在当前窗体上的子组件绘制
paintEvent()可以实现图形的绘制，前提是绘制当前窗体！如果界面上有其它组件，如何来绘制呢？
（1）对子组件自定制，可以重新实现一个类，实现paintEvent()
（2）添加监听器line_label->installEventFilter(this)，实现eventFilter()。
关于（1）就不再多讲，同1，（2）代码如下：
line_label->installEventFilter(this);
bool myWidget::eventFilter(QObject *obj, QEvent *event)
{
if(obj == line_label)
{
if(event->type() == QEvent::Paint)
{
int label_height = line_label->height();
int label_width = line_label->width();
QPainter painter(line_label);
painter.setPen(QPen(Qt::gray, 1, Qt::DashLine));
painter.drawLine(label_width/2, 0, label_width/2, label_height);
}
}
return QWidget::eventFilter(obj, event);
}
这样就可以实现在myWidget窗体上的QLabel的绘制！
优劣性：如果窗口子部件较多，若每个部件的绘制相同，则可采用（1），若不相同，那么根据（1）就会实现较多的类，而（2）只需要添加多个监听器即可，建议采用方式（2）！
绘制背景图片：
void myWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
painter.drawPixmap(rect(), QPixmap(skin_name));
}
绘制矩形：
void myWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
QLinearGradient linear(rect().topLeft(), rect().bottomLeft());
linear.setColorAt(0, Qt::red);
linear.setColorAt(0.5, Qt::green);
linear.setColorAt(1, Qt::blue); //设置红、绿、蓝变化
painter.setPen(Qt::gray); //设定画笔颜色，到时侯就是边框颜色
painter.setBrush(linear); //设置画笔，到时候就是区域颜色
painter.drawRect(QRect(0, 30, this->width(), this->height()-30)); //设置绘制区域
}
绘制折线：
void myWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
painter.setPen(Qt::gray);
static const QPointF points[4] = {QPointF(0, 30), QPointF(0, this->height()-1), QPointF(this->width()-1, this->height()-1), QPointF(this->width()-1, 30)};
painter.drawPolyline(points, 4); //由4个点连成的折线
}
绘制圆角：
setWindowFlags(Qt::FramelessWindowHint); //去掉标题栏
setAttribute(Qt::WA_TranslucentBackground); //不被绘制上的部分设置透明
void myWidget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
QBrush brush;
brush.setTextureImage(QImage(background_image));
painter.setBrush(brush); //设置画刷，绘制背景图片
painter.setPen(Qt::black); //设置画笔，绘制边框色
painter.drawRoundedRect(QRect(0, 0, this->width()-1, this->height()-1), 5, 5); //绘制圆角，像素为5
}
就我所知，setAttribute(Qt::WA_TranslucentBackground)有一定的弊病，当窗体最小化（showMinimized()）后，再次显示时，窗体上的组件就会失去焦点！
好了，二维绘图基本就介绍到这里，代码实现可以不尽相同，只要掌握原理，实现起来就会游刃有余！