往Qtquick项目中添加images文件夹

来源:互联网 发布:你曾是少年 知乎 编辑:程序博客网 时间:2024/06/05 19:25

              众所周知,要往QtQuick中添加资源文件很简单,直接在左侧项目导航表中点右键添加文件就行了,但是有时文件会很多,都放在一起很不方便,要是能把同类型的文件都分在另一个文件夹中就很方便了.

      两种办法:

      一是在左侧导航表中右键点击"qml.qrc",出来二级菜单中有个"add prefix...",点这个就可以创建文件夹了,自定义名称,下面"language"不用填.创建了之后右键这个新的文件夹,就可以往里面添加资源文件了.

      但是,重要的事情都有个但是.

      但是这样还不行,代码中引用不了.

      要找到项目的本地目录,打开项目发现里面有个"xxx.qrc",名字就是刚才创建的文件夹名,点开,仿照另一个文件"qml.qrc"的格式,把资源文件名加进去,就OK了.

     方法二就更简单了,不用在项目中新建文件夹,直接在qml.qrc中新加一个prefix,格式和上面一个一样,就像这样:

<RCC>    <qresource prefix="/">        <file>main.qml</file>        <file>controls/CustomButton.qml</file>    </qresource><qresource prefix="/images">        <file>images/back.png</file>        <file>images/voice.png</file>        <file>images/serial.png</file>        <file>images/color.png</file>        <file>images/light.png</file>        <file>images/touch.png</file>        <file>images/Mulcolor.jpg</file>    </qresource></RCC>
打开Qt Creater,打开此项目,你会发现名为"images"的文件夹已经建好了,资源也都放进去了.

       然后就是在代码中调用了.像这样:

Image {                id: icon;                width:parent.width                height: parent.height                source: "./images/images/Mulcolor.jpg"                fillMode: Image.PreserveAspectCrop   //deng bi suo fang                clip:true      //limits area                visible: false            }
有两个images是因为我在本地目录中将图片资源都放在一个images文件夹中.如果你本地目录不是像我一样集中放在一个文件夹中,路径就是"./images/Mulcolor.jpg"




       不知道大家看懂没有,不懂的请留言,我看到会即时回复的.

阅读全文
0 0
原创粉丝点击