生活随笔
收集整理的這篇文章主要介紹了
QT根据参数绘制图形+重复绘制路径的简单方法(QT系列8)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文將分為兩部分
1.獲取LineEdit的內容,并通過該內容繪制圖形。
2.使用QPainterPath來繪制重復的路徑
一、獲取LineEdit的內容繪制
1.新建工程
基類類型選擇為QWidget
進入ui界面拖入四個label,四個LineEdit,一個pushButton
(各控件的名字如第二張圖片)
在按鈕出右鍵->轉到槽->clicked()轉到槽函數的定義處。
2.修改.h文件
引入頭文件QPaintEvent和QPainter
引入虛函數void paintEvent(QPaintEvent *);
定義繪制時所需的參數x,y,w,h和flag(繪制的標志參數)。
#ifndef WIDGET_H
#define WIDGET_H#include <QWidget>
#include <QPainter>
#include <QPaintEvent>namespace Ui
{
class Widget;
}class Widget : public QWidget
{Q_OBJECT
public:explicit Widget(QWidget
*parent
= 0);~Widget();private:Ui
::Widget
*ui
;int w
=100,h
=100;int x
=20,y
=20;int flag
=0;protected:void paintEvent(QPaintEvent
*);
private slots
:void on_pushButton_clicked();
};#endif
3.修改widget.cpp函數
使用 toInt() 將字符串類型的數據轉化為整型。
設定flag為1才進行繪制保證繪制界面開始為空白的。
QWidget::update(); 保證每次按下按鈕后都會刷新一次界面。
(刷新界面很重要,如果不刷新的話,需要將界面縮小再放大才能看到繪制的變化,
如果基類為QMainWindow的話刷新函數為QMainWindow::update())
#include "widget.h"
#include "ui_widget.h"Widget
::Widget(QWidget
*parent
) :QWidget(parent
),ui(new Ui
::Widget
)
{ui
->setupUi(this);
}Widget
::~Widget()
{delete ui
;
}void Widget
::paintEvent(QPaintEvent
*)
{ QPainter
painter(this);if(flag
==1){ painter
.drawRect(x
,y
,w
,h
);} flag
=0;
}void Widget
::on_pushButton_clicked()
{x
=(ui
->lineEdit_x
->text()).toInt();y
=(ui
->lineEdit_y
->text()).toInt();w
=(ui
->lineEdit_w
->text()).toInt();h
=(ui
->lineEdit_h
->text()).toInt();flag
=1;QWidget
::update();
}
進入界面后輸入參數并按下繪制按鈕
效果如下:
二.使用QPainterPath來繪制重復的路徑
1.修改ui界面
在ui界面中拖入一個按鈕,改文本為復制
2.修改widget.cpp文件
使用QPainterPath來進行繪制,其好處是可以把一個復雜的圖形繪制QPainterPath中,而后可以新建另一個QPainterPath變量來繼承復制圖形的繪制過程。這樣就可以使代碼更簡潔。
通過flag的值可以讓繪制的時機更加的得心應手。
#include "widget.h"
#include "ui_widget.h"Widget
::Widget(QWidget
*parent
) :QWidget(parent
),ui(new Ui
::Widget
)
{ui
->setupUi(this);
}Widget
::~Widget()
{delete ui
;
}void Widget
::paintEvent(QPaintEvent
*)
{QPainter
painter(this);QPainterPath path
;QPainterPath path2
;path
.addRect(x
,y
,w
,h
);if(flag
==1){painter
.drawPath(path
);}else if(flag
==2){painter
.drawPath(path
);path2
.addPath(path
);path2
.translate(200,0);painter
.drawPath(path2
);}flag
=0;
}void Widget
::on_pushButton_clicked()
{x
=(ui
->lineEdit_x
->text()).toInt();y
=(ui
->lineEdit_y
->text()).toInt();w
=(ui
->lineEdit_w
->text()).toInt();h
=(ui
->lineEdit_h
->text()).toInt();flag
=1;QWidget
::update();
}void Widget
::on_pushButton_2_clicked()
{flag
=2;QWidget
::update();
}
輸入參數后按下繪制和上一個代碼效果相同,
按下復制后在右側又新出現一個相同的圖形。
效果如下:
本文到此結束,下一篇為如何獲得帶有滾動條界面內的坐標,學習如何獲得滾動條劃過的長度。
總結
以上是生活随笔為你收集整理的QT根据参数绘制图形+重复绘制路径的简单方法(QT系列8)的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。