1. 程式人生 > >qt自定義標題欄

qt自定義標題欄

寫一個qt介面程式,但是系統的標題欄太醜了,一看就像個demo,為了做的高階一點,必須去掉這個標題欄;

需要注意的幾個地方,首先要將系統的標題欄隱藏掉,然後新增自己的關閉最大化最小化按鈕,最後還要設定視窗的拖拽事件(因為去掉系統標題欄後不能拖拽)

1.隱藏系統標題欄

setWindowFlags(Qt::Window | Qt::FramelessWindowHint| windowFlags() | Qt::WindowStaysOnTopHint); //後面兩個是使視窗置頂

2.新增自定義按鈕 (關閉 最大化 最小化按鈕)

在ui設計介面上新增 QPushButton按鈕,屬性設定 新增icon,設定flat為true(去掉邊框)

//新增點選事件

connect(ui.pushButton_close, SIGNAL(clicked(bool)), SLOT(close())); //關閉

connect(ui.pushButton_minsize, SIGNAL(clicked(bool)), this, SLOT(showMinimized())); //最小化

3.設定拖拽事件

---.h中:

//視窗拖拽

bool mbKeepPressed = false;

QPoint mPntStart;

virtual void mousePressEvent(QMouseEvent* event);

virtual void mouseMoveEvent(QMouseEvent* event);

virtual void mouseReleaseEvent(QMouseEvent* event);

---.cpp中:

void QtTracker::mousePressEvent(QMouseEvent* event) {

// 滑鼠左鍵按下事件

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

{

// 記錄滑鼠狀態

mbKeepPressed = true;

// 記錄滑鼠在螢幕中的位置

mPntStart = event->globalPos();

}

}

void QtTracker::mouseMoveEvent(QMouseEvent* event) {

// 持續按住才做對應事件

if (mbKeepPressed)

{

// 將父窗體移動到父窗體之前的位置加上滑鼠移動的位置【event->globalPos()- mPntStart】

this->move(this->geometry().topLeft() + event->globalPos() - mPntStart);

// 將滑鼠在螢幕中的位置替換為新的位置

mPntStart = event->globalPos();

}

}

void QtTracker::mouseReleaseEvent(QMouseEvent* event) {

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

{

mbKeepPressed = false;

}

}

4.設定樣式

//背景顏色

QPalette palette(this->palette());

palette.setColor(QPalette::Background, QColor("#297ccc"));

this->setPalette(palette);

//***設定字型

QFont font("Microsoft YaHei", 10, 75); //第一個屬性是字型(微軟雅黑),第二個是大小,第三個是加粗(權重是75)

QFont font2("Arial", 10, 80);

QFont font3("Microsoft YaHei", 12, 75);

QFont font4("Arial", 9, 65);

//訊息 認證通過

ui.label_msg->setFont(font);

ui.label_msg->setStyleSheet("color:#458B74");

//姓名

ui.label_uname_title->setFont(font);

//身份證

ui.label_idcode_title->setFont(font);

//微信二維碼

ui.label_weichart_title->setFont(font2);

//選項卡

ui.tabWidget_main->setFont(font3);

//姓名 身份證 裝置狀態

ui.label_uname->setFont(font4);

ui.label_idcode->setFont(font4);

ui.label_video_state->setFont(font4);

//下拉選擇框

ui.comboBox_video_device->setFont(QFont("Microsoft YaHei", 8, 60));

//***設定tabWidget樣式

QString tabBarStyle = "QTabBar::tab {min-width:100px;color: white;border-top-left-radius: 5px;border-top-right-radius: 5px;padding:8px;}\

QTabBar::tab:!selected {color: white;background-color:#297ccc;} \

QTabBar::tab:selected {color: #297ccc;background-color:#f2f2f2;}\

QTabBar::tab:first{margin-left:50px}\

QTabWidget::pane{}\

QTabWidget::tab-bar{margin-left:20px;}";

ui.tabWidget_main->setStyleSheet(tabBarStyle);