Can use qml without Qt support?

[dragondjf]

Yes, you can use littlevgl_qml base on EVM

1. what is littlevgl_qml ?

littlevgl_qml is a new qml implement without Qt support, which qml engine is support by EVM

github: https://github.com/scriptiot/evm/tree/master/thirds/littlevgl_qml/ports/Qt

2. what is EVM

EVM is Embedded Virtural Machine, which is an common and simple Virtural Machine, can run on resource limited MCU

github: https://github.com/scriptiot/evm

3. demo

Rectangle {
id: rect
x: 0
y: 0
width: 800
height: 600

style:Style{
    main_color: 'lightblue'
    grad_color: 'lightblue'
}

Rectangle{

    x: 200
    y: 100
    width: 400
    height: 400

    style:Style{
        main_color: 'lightblue'
        grad_color: 'lightblue'
    }

    Image{
        source: 'images/wear/ico_watch_background_011.bin'
    }
    
    Gauge{
        id: g1
        x:45
        y:45
        width:300
        height:300

        min:0
        max:360

        scale: [360, 0,0]

        GaugeValue{
            id:gvsec
            index:0
            value:0
        }

        function animation(){
            var date = new Date();
            var offset = 31;
            var hx = date.getHours();
            var mx = date.getMinutes();
            var sx = date.getSeconds();

            if( hx > 12) hx = hx - 12;

            if( hx <= 6 ) hx = hx * 360 / 12 + 180;
            if( hx > 6 && hx <= 12) hx = hx * 360 / 12 - 180;

            if( sx >= 30 ) sx = sx * 6 - 180;
            else sx = sx * 6 + 180;
            
            if( mx >= 30 ) mx = mx * 6 - 180;
            else mx = mx * 6 + 180;

            hx = hx + date.getMinutes() * 30 / 60;

            print(hx, mx, sx);
            

            gvhour.value = hx;
            gvmin.value = mx;
            gvsec.value = sx;
        }

        timer_id:0

        onCompleted: {
            g1.timer_id = setInterval(g1.animation, 200);
        }
    }


    Gauge{
        x:95
        y:95
        width:200
        height:200

        min:0
        max:360

        needle: ['white']

        scale: [360, 0,0]

        GaugeValue{
            id:gvmin
            index:0
            value:20
        }
    }

    Gauge{
        x:120
        y:120
        width:150
        height:150

        needle: ['yellow']

        min:0
        max:360

        scale: [360, 0,0]

        GaugeValue{
            id:gvhour
            index:0
            value:0
        }
    }
}

}