Qt5基礎系列

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

目錄

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

一、簡介

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

---

二、繪圖

1、頭文件

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

2、引入api

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

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

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

4、圖片前進按鈕轉到槽

5、主程序

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

6、運行截圖

7、結果分析

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

三、總結

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

總結

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

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