qt for android

一直想动手试试qml,正好公司有个企业app是苹果的,我穷屌丝,买不起,后台我做的,我知道接口,就来个android的,qml以前只是看过,没有动手做东西。这是个练手的机会。

先来几幅图片看看效果

qt for android_第1张图片qt for android_第2张图片

qt for android_第3张图片qt for android_第4张图片

qt for android_第5张图片

这是在我的ZTE红牛手机上运行的效果,android4.3。

这个小的app程序使用qml和js,文件操作使用了很少的C++来完成。

qml类似与html语言,在写界面时,其可以直白的来描述界面元素,很是方便。js的灵活性是业务逻辑写起来很顺手。

在这个过程中,我第一次写这个,不灵活,本来为了代码的可维护行,我想将js代码独立出来,可是发现这个有点麻烦,js需要操作界面元素,然后我只能独立出来逻辑,然后用js回调函数来实现。比如网络操作:

.pragma library

function post(url_, data_, root, fun_, fun_1) {
    var xml_http_request = new XMLHttpRequest();

    xml_http_request.onreadystatechange = function() {
        if (xml_http_request.readyState === 4 && xml_http_request.status === 200) {
            timer.stop()
            fun_(xml_http_request.responseText);
        }
    }

    xml_http_request.open("POST", url_, true);
    xml_http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    //xml_http_request.timeout = 3000
    //xml_http_request.ontimeout = fun_1
    var timer = Qt.createQmlObject("import QtQuick 2.3; Timer {interval: 10000; repeat: false; running: true;}",root,"MyTimer");
    timer.triggered.connect(function(){
        console.log("close")
        xml_http_request.abort();
        fun_1();
    });
    xml_http_request.send(data_);


}

qt中的js不支持timeout,所以使用了定时器,为了处理响应和超时,传了两个函数进来。

不过这个体验很好,qml+js。

qml定制控件很方便,比如上图中的按钮和类似与ios上的选择的那个(day or hour)都是定制的,还有提示网络操作正在进行的,很简单就实现了想要的效果。


你可能感兴趣的:(js,APP,qt,qml)