QML on meego --- 恭贺新春

新年前的最后一篇文章,还是来点简单而又喜庆东西吧。这篇会简单介绍一下QML的用法,以及在 C++是怎么调用和解析的。

QT4.7中已经集成了Qt quick的开发工具,主要包括三个部分在前面已经提到过,而且网上也已经有一些文章介绍怎么用了这里就不再多说。

直接上代码:

qml文件内容为:

 

即使在不知道QML语法的情况下,单从QML文件的内容就可以出,整个组织结构其实和wpf是一样的树型结构,只不过前者是才有xml语言来描述的,而QML则直接用类JS的描述性语言来做。具体代码描述为:

import Qt 4.7 //必须的
Rectangle {
    width: 512
    height: 350 //画一个大小为高度为350长度为512的矩形
    color:"red" //矩形的颜色为红,这个其实已经没有了,因为我们我用图片来填充。
    Image {
        x:0
        y:0 //图片的位置为坐标点(0,0
        id: test
        scale: 0.5 //缩放图片为原来的1/2
        source: "/tmp/test.jpg" //图片的来源
    }
}

我们再看C++方面的代码,想在C++中使用QML文件就必须使用QDeclarative的对像,这个就像一个翻译官一样,只有通过它C++才能真正懂得 QML在说些什么。当然这样一说其实已经很明白了,在QDeclarative肯定有一个语法的分析和解析器,还有一个解释器,这是后话会在之后的文章中给出详细的描述。看我们的C++代码:

#include <QApplication>
#include <QtDeclarative/QDeclarativeView>
#include <QtDeclarative/QDeclarativeContext>
int main(int argc,char *argv[])
{
    QApplication app(argc,argv);
    QDeclarativeView view;
    view.setSource(QUrl::fromLocalFile("/tmp/main.qml"));
    view.show();
    return app.exec();
}

代码中QDeclarativeView来源于QGraphicsView通过它可以很轻松的将QML组件嵌入到QGraphicsView中因为这里只想引入QMLC++所以采用了最简单的做法。从QML文件路径也可以看出QML文件可以独立存在,当然也可以存放在网络上的某个位置,在程序运行的时候引用就可以了,但是一般为了隐藏和发布的方便是放在资源文件里。

再说project文件:

QT += declarative
RESOURCES +=
SOURCES += \
    main.cpp

其中:QT += declarative是必须的,否则会出现如下连接错误:

/opt/project/test_project/resource-build-meego/../resource/main.cpp:8: error: undefined reference to `QdeclarativeView::QDeclarativeView(QWidget*)'

最后在meego模拟器上运行一下这个程序,同时祝大家新年快乐!

QML on meego --- 恭贺新春_第1张图片

 

你可能感兴趣的:(meego)