QT 基本图形绘制
2014-11-25 12:48:52 lwbeyond 阅读数 37715更多
分类专栏: QT
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lwbeyond/article/details/41479809
1. 绘制图形
-
protected:
-
void paintEvent(QPaintEvent *);
-
void Widget::paintEvent((QPaintEvent *event)
-
{
-
QPainter painter(this); //this为绘图设备,即表明在该部件上进行绘制
-
painter.drawLine(QPaint(0, 0), QPaint(100, 100));
-
}
QPainter painter(this); // 会立即开始在设备上绘制,自动调用begin()函数,然后析构函数中调用end()函数结束绘制。
QPainter painter;// 不带参数时,可以在后面调用QPainter::begin(QPaintDevice *device)来指定绘制设置,然后用完再调用end()函数。
等价于
-
void Widget::paintEvent((QPaintEvent *event)
-
{
-
QPainter painter;
-
painter.begin(this);
-
painter.drawLine(QPaint(0, 0), QPaint(100, 100));
-
painter.end();
-
}
2. 使用画刷
画刷可以设置颜色和填充模式
-
QBrush brush(QColor(0,0,255), Qt::Dense4Pattern);
-
painter.setBrush(brush);
3. 使用画笔
-
//参数为:画刷,线宽,画笔风格,画笔端点,画笔连接风格
-
QPen pen(Qt::green, 5, Qt::DotLine, Qt::RoundCap, Qt::RoundJoin);
-
painter.setPen(pen);
4. 绘制矩形
painter.drawRect(0, 0, 100, 80); //x,y,w,h
5. 绘制椭圆(圆)
painter.drawEllipse(0, 0, 100, 80); //x,y,w,h
6. 绘制圆弧
-
QRectF rect(70.0, 40.0, 80.0, 60.0); //x,y,w,h
-
int startAngle = 30 * 16; //值为,实际角度 * 16
-
int spanAngle = 120 * 16;
-
//三个参数:rect表示弧线所在的矩形,startAngle起始角度,spanAngle跨越角度
-
painter.drawArc(rect, startAngle, spanAngle);
7. 绘制扇形
-
QRectF rect_top(20.0, 20.0, 100.0, 100.0);
-
// 扇形起始角度
-
int startAngle = 0 * 16;
-
// 扇形覆盖范围(120度的)
-
int spanAngle = 120 * 16;
-
painter.drawPie(rect_top, startAngle, spanAngle);
8. 绘制多边形
-
QPolygon pts;
-
pts.setPoints(3, -1,0, 1,0, 0,39); //第一个参数表示3个点,后面是三个点坐标
-
painter.drawConvexPolygon(pts);
9. 绘制路径
-
QPainterPath path;
-
path.addEllipse(-4, -4, 8, 8);//添加一个圆
-
path.addRect(-5, -5, 10, 10); //添加一个矩形
-
painter.drawPath(path);
在填充路径时要用到填充规则,这里一共有两个填充规则
path.setFillRule(Qt::OddEventFil);//奇偶填充规则
如果要判断一个点是否在图形中,可以从该点向图形外引一条水平线,如果该水平线与图形的交点人个数为奇数,那么该点在在图形中。
只填充在图形内的点
path.setFillRule(Qt::WindingFill); //非零弯曲规则
如果要判断一个点是否在图形中,可以从该点向图形外引一条水平线,如果该水平线与图形的边线相交,这个边线是顺时针绘制的,就记为1,是逆时针绘制的就记为-1,然后将所有数值相加,结果不为0,那么该点就在图形中。
10. 绘制圆环
根据以上的填充规则,可以得到绘制圆环的一个方便的方法
-
QPainterPath path;
-
path.addEllipse(0,0,100,100);
-
path.addEllipse(25,25,50,50);
-
painter.setBrush(Qt::blue);
-
path.setFillRule(Qt::OddEventFil);//使用奇偶填充,刚好可以只显示圆环
-
painter.drawPath(path);
11. 填充与擦除
-
//使用画刷填充一个矩形区域
-
painter.fillRect(QRect(10,100,150,20), QBrush(Qt::darkYellow));
-
//擦除一个矩形区域的内容
-
painter.eraserRect(QRect(50,0,50,120));