Qt学习(1)：ui设计给窗口做背景及控件背景添加方法

最近在做毕业设计。做一个ktv点歌系统的项目。 基本思路及需求分析都已准备完。昨天开始做ui+database了. 可是我搭档在用Qt做ui的时候遇到问题了。因为点歌界面都是那种透明背景图片。用Qt做的时候才发现竟然不会，因为之前学Qt说实话只是皮毛而已。于是各种百度，未果，并不是人家写的不好。而是压根不理解。 昨天我耗费大半天。一直到夜里十点也只是弄明白了一点。那就是该如何去添加。添加的那些句子是什么意思。 有点小兴奋，浴室今天迫不及待的做、可是问题又出来了。

1.做的界面太杂乱。的用几何位置调整函数进行一个一个调(因为这是纯代码设计，没有ui)。所以很苦恼，又开始研究ui，终于搞出来了。在这里就不得说说一个名词(资源文件)，及qrc文件。较之于纯代码方式、使用qrc资源方便。易操作。也许有人问，什么是qrc文件呢？ 这里是别人写的。我就照搬过来啦。

Qt中的qrc文件

是一个xml格式的资源配置文件，与应用程序关联的应用程序由 .qrc 文件来指定，它用XML记录硬盘上的文件和对应的随意指定的资源名称，应用程序通过资源名称来访问资源。

指定的路径是 .qrc 文件所在目录的相对路径。注意，列出的资源文件必须位于 .qrc 文件所在目录或者其子目录下。

图标文件需要与qrc文件位于同一目录下或者在该目录的子目录中。另外，如果qrc文件中使用了前缀（例如<qresource prefix="/myresources">），要确保图标路径正确无误；使用Qt designer添加图标文件时就是自动使用前缀/new/prefix的，但是该路径默认不存在。

应用程序中，绝大多数地方都可以用资源路径代替原始文件系统路径。尤其是在QIcon, QImage,
or QPixmap 构造器中可以传递资源路径来代替文件名称：

cutAct =new QAction(QIcon(":/images/cut.png"), tr("Cu&t"),this);

在QtCreater中创建qrc文件的方法：

添加新文件—Qt—Qt资源文件

可以使用多种方法对其进行编辑，在资源编辑器中编辑时，首先要设置一个前缀，即在该qrc文件下的相对路径，如果与该qrc文件在相同的文件夹中，就只需要将前缀设为/即可。然后将设置的路径下自己需要的文件添加进来，在引用的时候只需要使用:符号即可。

通过以上就把资源文件添加进来啦。然后要对那个窗口进行设置就在那个窗口上右键->改变样式表中选择你的资源文件即可。选择的时候有不同方式。根据自己的需要来选择。譬如下图



有不同方式，供你选择。其实background 是背景图片，border是边框图。只要英语会点的人都知道啦。其它的渐变及颜色都一个道理。

然后在看qss样式表里面的东西。下面是我的背景图。

border-image: url(:/imagse/1.jpg);

1.border-image这个我就不多说了..就是边框图片。

2.url后面的是你的图片路径。

注意：你的路径和你设置的qrc的前缀要保持一致，要不然会出错。

为什么要选择border呢，这其实都是要看你自己的使用习惯.而且有一点比较重要。就是使用border这种方式的话，图片的大小是随着控件的大小而变化的而且不该出现的部分会被遮盖。其实也就是纯代码设计中的setMask这个功能。

如果使用background 这种的话，正好反过来了。

还有给大家提醒一点。在给整个窗口加背景之前。我建立加一个lable。把lable的大小和窗体的大小改变为一样。这样的话有个好处，就是不管你使用那种方式。在添加诸如button类的控件时候，显示的效果图会不影响button类控件的效果。 如果直接在窗体上加样式表，那么可能会影响。当然设置完美之后也不会影响。只是感觉这种方式很好。

下面贴一个自己做的小图。





2.纯代码下设计界面这里如何实现我就不详细介绍了。

直接贴代码














好啦..
小文。2012.6.29

from: http://blog.163.com/wenwen10090215@126/blog/static/1733221142012529212475/?COLLCC=2880806004&