QML项目之Image和BorderImage

本文章原创于 www.yafeilinux.com 转载请注明出处。

从这一节开始我们讲述QML的一些基本组成元素和项目。正是这些部件才使得QML变得使用简单但功能强大。

我们先打开Qt Creator，然后进入帮助模式，在左上角选择Contents方式显示。我们点击Qt Reference Documentation一项，这时就显示出了Qt4.7的内容列表。如下图。

我们选择Qt API Overviews的UI design & Qt Quick一项。如下图。

 

这里有Declarative UI 和 QML的概述，下面列有一些教程和QML相关内容的文章列表。我们可以查看自己所需要的内容。我们点击Reference下面的QML Elements一项。

 

这里列出了所有的标准Qt Declarative元素和QML项目。如下图。

 

我们以后可以在这里查看自己所需要用到的元素和项目的帮助文件。在这一节里，我们主要介绍QML Items中的Image 和 BorderImage 两个项目。

一、Image图片

1.我们新建Qt QML Application，工程名为“myImage”。

2.我们在库面板中拖入一个Image