如何自學qt(12)——簡單的繪圖

今池魚發表於2020-11-04

1,在標頭檔案中新增繪圖事件

//paint.cpp
void paintEvent(QPaintEvent *event);

2,在窗體函式裡實現事件

具體功能見註釋

#include<QPainter> //畫家類

//例項一個畫家物件,this指定繪圖裝置
QPainter painter(this);
//畫線
void Widget::paintEvent(QPaintEvent *event)
{
    //例項一個畫家物件,this指定繪圖裝置
    QPainter painter(this);
    //畫線
    painter.drawLine(QPoint(0,0),QPoint(100,100));
    //畫橢圓
    painter.drawEllipse(QPoint(100,100),50,50);//這是橢圓類,三個引數為圓心,x軸長和y軸長,xy相同就是圓
    //畫矩形
    painter.drawRect(QRect(50,50,50,50));//這是矩形類
    //畫文字
    painter.drawText(QRect(10,200,100,50),"我愛你,億萬斯年");//在框的內部寫文字,框不顯示
    //設定畫筆顏色
    QPen pen(QColor(255,0,0));//顏色的顯示和介面那裡介紹的相同
    //設定線條風格
    pen.setStyle(Qt::DashDotDotLine);
    //使用畫筆
    painter.setPen(pen);
    //再畫一個圓
    painter.drawEllipse(QPoint(300,200),50,50);
    //要給圓填充顏色,先要設定畫刷
    QBrush brush(QColor(Qt::blue));//顏色的另一種方便的表示方式
    //使用畫刷
    painter.setBrush(brush);
    //再畫一個矩形
    painter.drawRect(QRect(300,100,40,60));

}

3,效果圖

在這裡插入圖片描述

4,另

①畫筆要先設定才能起作用
②要善於使用幫助文件
在這裡插入圖片描述
我們可以看到,還可以設定寬度啥的(預設寬度為1),如果想看具體的可以點進去,比如設計線條風格(setstyle)這裡
在這裡插入圖片描述
在這裡插入圖片描述
點下面的penstyle,就可以看線條風格的列舉值以及對應的效果
在這裡插入圖片描述

相關文章