最終執行效果：

涉及到的Qt知識點： 事件：滑鼠事件，鍵盤事件，Paint事件，以及圖片遮罩，定時器

新建一個空的qmake工程， loginDlg， 找一個帶透明背景的png圖片作為背景圖

建一個重載於QWidget的類，然後在構造的時候將圖形載入並處理好，實現paintEvent函式，進行圖形的繪製

需要理解的是Mask。 Mask怎麼講呢？做了一張圖片，簡單直觀地瞭解下Mask：

過載的類：

.h

#ifndefLOGINDLG_H

#defineLOGINDLG_H

#include<QLabel>

#include<QWidget>

class

{

Q_OBJECT

public:

explicitloginDlg(QWidget*parent=0);

protected:

//　過載函式　響應滑鼠事件　用於介面拖動

virtualvoidmousePressEvent(QMouseEvent*event);

virtualvoidmouseMoveEvent(QMouseEvent*event);

//實現鍵盤事件

virtualvoidkeyPressEvent(QKeyEvent*event);

//重繪

virtualvoidpaintEvent(QPaintEvent

privateslots:

voidshowtime();

private:

QPointm_ptDrag;

QLabel*m_pLabel;

QPixmapm_pixMap;

};

#endif//LOGINDLG_H

.cpp

#include"logindlg.h"

#include<QTime>

#include<QTimer>

#include<QEvent>

#include<QGridLayout>

#include<QBitmap>

#include<QMouseEvent>

#include<QPainter>

loginDlg::loginDlg(QWidget*parent):QWidget(parent)

{

setWindowFlags(Qt::FramelessWindowHint);

QPalettep=palette();

p.setColor(QPalette::WindowText,Qt::green);

setPalette(p);

m_pLabel=newQLabel;

m_pLabel->setStyleSheet("font-size:56px;color:blue");

QGridLayout*mainLayout=newQGridLayout(this);

mainLayout->addWidget(m_pLabel,0,0,Qt::AlignHCenter);

m_pixMap.load(":/Res/login.png",0,

Qt::AvoidDither|Qt::ThresholdDither|

Qt::ThresholdAlphaDither);

resize(m_pixMap.size());

//　以png圖片為遮罩,遮罩外面的圖就進行刪除

//　最終實現了不規則圖形

setMask(QBitmap(m_pixMap.mask()));

QTimer*timer=newQTimer;//定時器

//　到指定時間間隔後　觸發timeout訊號　響應showtime槽函式

connect(timer,SIGNAL(timeout()),this,SLOT(showtime()));

timer->start(10);//　啟動定時器,timeout=10　即10毫秒觸發一次訊號

}

//　過載父類的虛擬函式

voidloginDlg::mousePressEvent(QMouseEvent*event)

{

if(event->button()==Qt::LeftButton)

{

m_ptDrag=event->globalPos()-frameGeometry().topLeft();

event->accept();

}

elseif(event->button()==Qt::RightButton)

{

close();//　右鍵關閉軟體

}

}

voidloginDlg::mouseMoveEvent(QMouseEvent*event)

{

move(event->globalPos()-m_ptDrag);

event->accept();

}

voidloginDlg::paintEvent(QPaintEvent*event)

{

QPainterpainter(this);

painter.drawPixmap(0,0,QPixmap(":/Res/login.png"));

}

voidloginDlg::keyPressEvent(QKeyEvent*event)

{

if(event->key()==Qt::Key_Return&&

(event->modifiers()&Qt::ControlModifier)&&

(event->modifiers()&Qt::ShiftModifier))

{

close();

}

elseif(Qt::Key_Q==event->key())

{

close();

}

}

voidloginDlg::showtime()

{

QTimetime=QTime::currentTime();

m_pLabel->setText(time.toString("Ahh:mm:ss"));

}

然後，我們在main函式中呼叫並顯示它即可

#include<QApplication>

#include<QWidget>

#include<QVBoxLayout>

#include<QTextEdit>

#include"logindlg.h"

intmain(intargc,char*argv[])

{

QApplicationapp(argc,argv);

loginDlg*pW=newloginDlg();

pW->show();

returnapp.exec();

}

若在Qt中，使用資原始檔，比如圖片等，若無法顯示，首先考慮使用的圖片路徑是否正確。可先採用絕對路徑作測試，若絕對路徑可以正常顯示，則再改為相對路徑。

在工程檔案中，新增一個Qt Resource的資源庫，然後再在庫中新增圖片，複製此圖片的路徑，即為相對路徑

比如：獲取圖片Image的路徑三種方式:

（相對路徑） qrc:/res/other/256-1.png

Linux下，基於Qt5.7, 若Windows下報錯，可將中文註釋刪除即可。
此為QtCreate之Bug