1. 程式人生 > >Qt自定義無邊框介面(可放大、縮小及拖動)

Qt自定義無邊框介面(可放大、縮小及拖動)

Qt自定義無邊框介面

使用者介面(User Interface)是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。很多時候,Qt本地樣式可能無法實現讓我們的介面更簡化、美觀,那麼這時候,那就需要自定義控制元件或者介面模組來實現。

設定窗體無邊框

setWindowFlags(Qt::FramelessWindowHint);

設定窗體最大化最小化

setWindowFlags(windowFlags() | Qt::WindowMaximizeButtonHint | Qt::WindowMinimizeButtonHint);

視窗移動事件

#include <QMouseEvent>// 移動事件標頭檔案
public:
	QRect m_areaMoveable;// 可移動視窗區域,滑鼠只有在此範圍內才可移動
    QPoint move_point;//移動的距離
    bool mouse_press;//滑鼠按下
protected:
    void mousePressEvent(QMouseEvent *event);//滑鼠按下事件
    void mouseReleaseEvent(QMouseEvent *event);//滑鼠釋放事件
    void mouseMoveEvent(QMouseEvent *event);//滑鼠移動事件
m_areaMoveable = m_pTitleWidget->geometry();//設定可移動區域
setMouseTracking(true);//開啟滑鼠追蹤

移動事件實現:

void MainUI::mousePressEvent(QMouseEvent *event)
{
    if (event->button()==Qt::LeftButton)
    {
        mouse_press = true;
        move_point = event->globalPos() - event->pos();
		event->accept();
    }
}

void MainUI::mouseReleaseEvent(QMouseEvent *event)
{
    mouse_press = false;
}

void MainUI::mouseMoveEvent(QMouseEvent *event)
{
    if (mouse_press && (event->button() && Qt::LeftButton))
    {
		if(!m_areaMoveable.contains(move_point))
			return;       
		move( event->globalPos() - move_point);
		event-<accept();
    }
}