Qt之自定义界面(实现无边框、拖动至任务栏之上)

   关于Qt的自定义标题栏,研究了一段时间,开始用的是Qt自带的,但是那个标题栏实在是太丑,而且在正式开发产品的时候也基本无用武之地,所以就必须进行界面的自定义!

关于自定义界面的步骤:

1、设置标题栏隐藏


 //设置窗体标题栏隐藏并设置位于顶层
 setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);

 //可获取鼠标跟踪效果

 setMouseTracking(true);

 

注意:Qt::WindowStaysOnTopHint这个很重要,如果没有这句话即使是自定义界面成功了,界面可以拖动,但也还存在问题,那就是界面能够拖动到任务栏之下!

 

2、 声明变量与鼠标事件

    QPoint move_point; //移动的距离
    bool mouse_press; //鼠标按下

    //鼠标按下事件
    void mousePressEvent(QMouseEvent *event);

   //鼠标释放事件
    void mouseReleaseEvent(QMouseEvent *event);

   //鼠标移动事件

    void mouseMoveEvent(QMouseEvent *event);


3、定义鼠标事件

void LoginDialog::mousePressEvent(QMouseEvent *event)
{  
 if(event->button() == Qt::LeftButton)
 {
      mouse_press = true;

      //鼠标相对于窗体的位置(或者使用event->globalPos() - this->pos()
      move_point = event->pos();;

 }

}

void LoginDialog::mouseMoveEvent(QMouseEvent *event)
{
    //若鼠标左键被按下
    if(mouse_press)
    {
        //鼠标相对于屏幕的位置
        QPoint move_pos = event->globalPos();
  
       //移动主窗体位置
       this->move(move_pos - move_point);
    }

}

void LoginDialog::mouseReleaseEvent(QMouseEvent *event)
{  
    //设置鼠标为未被按下
    mouse_press = false;
}

这样你就可以实现一个自定义的无边框界面了,而且可以自由的进行移动!

效果如下:

自定义界面前:


自定义界面后:



当然,自定义界面之后,最小化、关闭按钮、背景图片等都需要自己重新定义,这在后面再进行交流!


注:
    技术在于交流、沟通,转载请注明出处并保持作品的完整性。
    作者:╰☆奋斗ing❤孩子`  原文:http://blog.sina.com.cn/s/blog_a6fb6cc90101au8r.html。

你可能感兴趣的:(Qt)