Qt画线条

Qt画线条

转自：

情况是这样的,现在设计一个地图,地图上的点(假设为pushButton)在Qt Designer中进行勾勒,都放在一个frame里面,然后将一些地图上联通的点使用直线连接起来.嗯....其实这是图的基本演示.....如果你没看明白我在说什么,那就看下面的图吧

上面的线条有锯齿.....官方有个demo,看截图

里面的线条十分优美....不过在下才疏学浅....还没吃透这个demo....先看看图1(就是在下弄的那个有锯齿的...)主要就是重载了paintEvent事件

首先,静态图是在designer里面勾勒的,就是没有直线的图(有人喜欢纯码代码来构建UI.....不过我属于比较懒的人.....就直接用designer了....)

在Qt Designer里面有一个和纯手工子类化大致相同的功能,叫提升...来看看怎么使用

重点在提升的类名称,和头文件

提升的类名称是自己将要子类化QFrame的类的名称,头文件是自己要编码的...不是自动生成的...........

我填的分别是Clandscape和promote.h

看看promote.h的内容

----------promote.h-----------------------------------------------

#include <QFrame>

#include <QPainter>

class sightSpot;

class Clandscape : public QFrame{

friend class Cmainwindow;

private:

    sightSpot *butt[5];

public:

    //ctructor and ~ctructor

    Clandscape(QWidget *para_parentWidget);

protected:

    void paintEvent(QPaintEvent *);

};

可以看到在protected里面对paintEvent进行了重载

在看里面对这个重载函数进行了定义

---------------------------------

#include promote.h
/*Clandscape*/
//ctructor
Clandscape::Clandscape(QWidget *para_parentWidget) : QFrame(para_parentWidget)
{
}
//overload paintEvent
void Clandscape::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    //1,2相距10
    painter.drawLine( QPointF(butt[0]->x()  (butt[0]->width() / 2),butt[0]->y()  (butt[0]->height() / 2)),QPointF(butt[1]->x()  (butt[1]->width() / 2),butt[1]->y()  (butt[1]->height() / 2)) );
    //1,相距50
    painter.drawLine( QPointF(butt[0]->x()  (butt[0]->width() / 2),butt[0]->y()  (butt[0]->height() / 2)),QPointF(butt[2]->x()  (butt[2]->width() / 2),butt[2]->y()  (butt[2]->height() / 2)) );
    //2,5相距5
    painter.drawLine( QPointF(butt[1]->x()  (butt[1]->width() / 2),butt[1]->y()  (butt[1]->height() / 2)),QPointF(butt[4]->x()  (butt[4]->width() / 2),butt[4]->y()  (butt[4]->height() / 2)) );
    //,5相距0
    painter.drawLine( QPointF(butt[2]->x()  (butt[2]->width() / 2),butt[2]->y()  (butt[2]->height() / 2)),QPointF(butt[4]->x()  (butt[4]->width() / 2),butt[4]->y()  (butt[4]->height() / 2)) );
    //,4相距20
    painter.drawLine( QPointF(butt[2]->x()  (butt[2]->width() / 2),butt[2]->y()  (butt[2]->height() / 2)),QPointF(butt[]->x()  (butt[]->width() / 2),butt[]->y()  (butt[]->height() / 2)) );
    //4,5相距25
    painter.drawLine( QPointF(butt[]->x()  (butt[]->width() / 2),butt[]->y()  (butt[]->height() / 2)),QPointF(butt[4]->x()  (butt[4]->width() / 2),butt[4]->y()  (butt[4]->height() / 2)) );
}

ok.....就这样完成了对paintEvent的重载....