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);