Qt 无边框、透明、可移动、的个性窗体案例详解（转载）

 本文转自http://blog.csdn.net/yiyaaixuexi/article/details/6362865

还有一个博客也很不错：http://devbean.blog.51cto.com/448512/d-8

 很多朋友都问透明的效果怎么做，为什么自己做的无边框窗体不可移动，一个个回答的很累，干脆写出来分享下好了，我只用代码说话。

     main.cpp

int main(int argc, char *argv[])
{
    QApplication::setStyle("cleanlooks");
    QApplication a(argc, argv);
    login w;
    w.setWindowTitle("ClientLogin");

    w.setWindowOpacity(1);
    w.setWindowFlags(Qt::FramelessWindowHint);
    w.setAttribute(Qt::WA_TranslucentBackground);
    w.show();
    w.move(200,100);
    return a.exec();
}

  关键的语句，就是其中的

w.setWindowOpacity(1);    
w.setWindowFlags(Qt::FramelessWindowHint);    
w.setAttribute(Qt::WA_TranslucentBackground);

 

 

这些语句，不知道什么意思就摁下F1，或者直接查阅帮助文档……

       对窗体无边框的设置要写在main里面，这样所有派生的子窗口，QDialog,QWidget都可继承，  很好规划和管理，方便统一美化设计。以工程中一个聊天窗口为例，先用PS制作一个窗体的背景图片，注意存为png格式，这是透明的关键。不会使PS，可以找些PNG资源图片。   我的PNG透明背景图为：

 

 

将它添加到你的资源包中，然后设置为窗体的背景。     

 

下图是我的工程，其中的场景设置其实也是更换组建的背景图片喽~~   

     这个你就可以预览到透明的无边框窗体了，但是还有一个重要的问题，窗口竟然无法移动。

这也是无边框导致的……具体原因我不细说，搜一下很清晰，我只说解决方案。

在每个子窗口中，都添加：

 void yourwindow::mousePressEvent(QMouseEvent *event){ 

   this->windowPos = this->pos(); 

   this->mousePos = event->globalPos();

   this->dPos = mousePos - windowPos;

 }

 void yourwindow::mouseMoveEvent(QMouseEvent *event){ 

   this->move(event->globalPos() - this->dPos);

}

void yourwindow::changeEvent(QEvent *e){   

 QMainWindow::changeEvent(e);   

switch (e->type()) {  

  case QEvent::LanguageChange:        ui->retranslateUi(this);      

  break;  

  default:     

   break;   

  }

}

 

这样就大功告成了，运行一下看看效果，绿森林是俺滴桌面，可以忽略之。

 

 欢迎交流

使用Qt制作一个漂亮的窗口程序  

http://blog.163.com/lei_yuming/blog/static/4455865620118239916277/

  |字号 订阅

很多人一开始使用Qt的时候就想弄一个漂亮的窗口，虽然在网上搜索了很多的资料，但仍然觉得无从下手，很多时候可能就放弃了。然后就认为Qt也就不过如此，还是该干嘛干嘛，随他去吧。其实通过Qt，我们可以在非常短的时间做出一个很漂亮的窗口。下面就随我一起来制作一个漂亮的登录窗口。

先来个最终效果图，这个是云词早期的一个Beta版本的登录界面，喜欢云词的朋友可以关注下（这里是传送门）：

为了制作上面的窗口，我们新建一个基类为QWidget的GUI工程。我们把窗口大小定好后，把各个控件摆放到相应位置，如下图所示：

里面的控件大小根据实际的图片大小进行设置。在这个对话框里的“注册”和“帮助”，是由按钮做成的。

将控件排列好后，我们新建一个资源文件，把事先准备好的图片加到资源文件里，接下来我们就可以开始写窗口的样式了。

QPushButton{    border-image: url(:/Image/Login/close1.png); }  QPushButton:hover{    border-image: url(:/Image/Login/close2.png); }  QPushButton:pressed{         border-image: url(:/Image/Login/close3.png); } 

在上图中我使用了一个QLabel控件，铺满了整个窗口作为背景，然后我在这个QLabel的样式表写了下面这句“border-image: url(:/Image/Login/login_bg.png);”，马上就变成下面的样子。

接下来，我开始处理上图的4个按钮，由于代码形式都一样，所以就列出一个样式脚本如下：

脚本中的“hover”和“pressed”分别是按钮的两个伪状态。
最后处理“注册”和“帮助”：

QPushButton{     background-color: rgba(0,0,0,0);    border: 0px;    color: steelblue;    border-image:"";}QPushButton:hover    color: orange;}

至此一个漂亮的登录框就制作好了，你迫不及待的按下了F5，一个很纠结的登录框。那是因为你漏了件事情，就是在你的窗口类里写下this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);这句话。

然后你会发现，你的窗口无法移动，各种细节，待续。

ps: 其实要做好一个界面主要是耐心，很多时候我们需要纠结到每一个像素点上面，差一个像素都会给人带来不一样的感觉。