|
本文转自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的时候就想弄一个漂亮的窗口，虽然在网上搜索了很多的资料，但仍然觉得无从下手，很多时候可能就放弃了。然后就认为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: 其实要做好一个界面主要是耐心，很多时候我们需要纠结到每一个像素点上面，差一个像素都会给人带来不一样的感觉。
| 
转播
