[VOTE] In which language(s) do you use LVGL?

Hi,

Please share with us in which programming language do you use LVGL. The result will help us to know on which directions should we focus.

Thank you. :slight_smile:

  • C
  • C++
  • Micropython
  • Other (write in a comment)

0 voters

1 Like

I like JS + HTML + CSS;

we make a new project named EVUE power by EVM , which you can create ui like vue; You can use EVUE Simulator to preview your application in real time!

For example:

  • hml
<div class="container">
    <image src="common/images/evue-logo.bin" style="top: 70px;left: 150px;"></image>

    <!-- <text style="top: 220px;color: white;font-size: 30px;width: 454px;height: 35px;text-align: center;">Hello Developer!</text> -->
    <marquee scrollamount="50" style="top: 240px;left: 104px;width: 240px;height: 35px;text-align: center;color: white;font-size: 30px;">Hello Developer!</marquee>
    <text style="top: 280px;color: white;font-size: 20px;width: 454px;height: 25px;text-align: center;">Power by EVM</text>

    <progress type="horizontal" percent="30" class="out-layer-ring" style="top: 320px;left: 130px;"></progress>
</div>
  • css
.container {
    display: flex;
    width: 454px;
    height: 454px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-radius: 0px;
    background-color: black;
}

.out-layer-ring {
    top: 320px;
    left: 120px;
    padding: 3px;
    width: 300px;
    height: 20px;
    stroke-width: 35x;
    border-width: 1px;
    border-color: white;
    background-color: black;
}

image {
    left: 190px;
    top: 150px;
}
  • js
router  = require("@system.router")

export default {
    data: {
        title: 'Hello,Developer!'
    },
    onInit: function () {
        print("==========onInit index==========")
    },

    onReady: function () {
        print("==========onReady index==========")
    },

    onShow: function () {
        print("==========onShow index==========")
        setTimeout(function(){
            router.push({ uri: "pages/dock/index" })
        }, 1000)
    },

    onHide: function () {
        print("==========onHide index==========")
    },
    
    onDestroy: function () {
        print("==========onDestroy index==========")
    },
}

4 Likes

Does this use LVGL under the hood?

Yes, base on lvgl

Very good. Do you create a QQ or Wechat group?

Wow cool project. Is there english docs? I would love to read some more about it.