Qt5基礎(chǔ)系列

Qt基礎(chǔ)的學(xué)習(xí)筆記。此文章為在B站上學(xué)習(xí)黑馬程序員Qt教程的繪圖部分做的記錄，加深理解，方便回看。

目錄

• Qt5基礎(chǔ)系列
• 一、簡(jiǎn)介
• 二、繪圖
• • 1、頭文件
  • 2、引入api
  • 3、相關(guān)參數(shù)定義
  • 4、圖片前進(jìn)按鈕轉(zhuǎn)到槽
  • 5、主程序
  • 6、運(yùn)行截圖
  • 7、結(jié)果分析
• 三、總結(jié)

一、簡(jiǎn)介

主要介紹了畫背景圖，繪圖，點(diǎn)擊事件，對(duì)于整個(gè)繪圖系統(tǒng)的介紹可以移步Qt5基礎(chǔ) QPixmap和QBitmap的區(qū)別

---

二、繪圖

1、頭文件

protected://重寫繪圖事件//如果給窗口繪圖，一定要在paintEvent()實(shí)現(xiàn)//繪圖事件內(nèi)部自動(dòng)調(diào)用void paintEvent(QPaintEvent *);//點(diǎn)擊鼠標(biāo)觸發(fā)事件 private slots:void on_pushButton_clicked();

2、引入api

#include "widget.h"//新建的項(xiàng)目接口 #include "ui_widget.h"//ui界面接口 #include <QPainter>//畫家 #include <QPen>//畫筆 #include <QBrush>//畫刷

3、相關(guān)參數(shù)定義

Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this);x = 0; }Widget::~Widget() {delete ui; }

4、圖片前進(jìn)按鈕轉(zhuǎn)到槽

5、主程序

void Widget::paintEvent(QPaintEvent *){//QPainter p(this);QPainter p;//創(chuàng)建畫家對(duì)象p.begin(this);//指定當(dāng)前窗口為繪圖設(shè)備//繪圖操作//p.drawxxx();//畫背景圖//p.drawPixmap(0,0,width(),height(),QPixmap("../image/7.jpg"));p.drawPixmap(rect(),QPixmap("../image/7.jpg"));//定義畫筆QPen pen;pen.setWidth(5);//設(shè)置線寬//pen.setColor(Qt::red);//設(shè)置線條顏色pen.setColor( QColor(14,9,234));pen.setStyle(Qt::DashDotLine);//設(shè)置線條風(fēng)格//把畫筆交給畫家p.setPen(pen);//畫直線p.drawLine(50,50,150,50);p.drawLine(50,50,50,150);//創(chuàng)建畫刷對(duì)象QBrush brush;brush.setColor(Qt::red);brush.setStyle(Qt::Dense1Pattern);//把畫刷交給畫家p.setBrush(brush);//畫矩形p.drawRect(150,150,50,50);//畫圓形p.drawEllipse(QPoint(150,150),50,25);//qpointer圓心，50，25為x，y半徑，得到的是一個(gè)橢圓//畫圖p.drawPixmap(x,200,80,80,QPixmap("../image/9.jpg"));p.end(); } //一個(gè)按鈕的點(diǎn)擊事件，一張圖片點(diǎn)擊則向前走20像素 void Widget::on_pushButton_clicked(){x+=20;if(x>width()){//超出右邊框，重置到做邊框位置x=0;}//刷新窗口，讓窗口重繪,整個(gè)窗口都刷新update();//間接調(diào)用paintEvent() }

6、運(yùn)行截圖

7、結(jié)果分析

以我最愛的流川楓為素材~
藍(lán)色線條，線寬為5，線條風(fēng)格為Qt::DashDotLine，顏色RGB（14,9,234）；橢圓是以150,150像素點(diǎn)為圓心，50,25為長(zhǎng)短軸；矩形以150,150為起點(diǎn)，50為長(zhǎng)寬；PushButton為事件觸發(fā)按鈕，點(diǎn)擊可以觸發(fā)圖片前移20個(gè)像素點(diǎn)。

三、總結(jié)

繪圖可能不是太常用（還不如ps做一張呢）；背景，圖片，時(shí)間觸發(fā)這些還是比較常用的。

總結(jié)

以上是生活随笔為你收集整理的Qt5基础 背景图，绘图，点击事件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。