QML is a declarative language that allows user interfaces to be described in terms of their visual components and how they interact and relate with one another. It separates the declarative UI design and the imperative programming logic. It also supports writing business logic code and UI handlers in JavaScript.<\/p>\n
This article guides you to develop your first QML application for eSOMiMX6<\/a>.<\/p>\n How about a simple Hello World application for your first QML application on eSOMiMX6<\/a>.<\/p>\n The application basically has an Image component and a text. The core QML Component of the application is MouseArea<\/strong> using which the input events like click, double-click, press, long press, etc can be handled.<\/p>\n You\u2019ve got the power to create your own QML components from the existing ones. ApplicationHeader<\/strong> and ImageButton<\/strong> are such custom QML components by e-con Systems\u2122 that are reused in all the eSOM++ sample Qt\/QML applications.<\/p>\n The UI can be modified using the Design Tool. You can use the Form Editor<\/strong> or the Text Editor<\/strong> of Qt Quick Designer in the Design mode to develop the application.<\/p>\n Full source code for the Hello World application is available on e-con Systems\u2122 developer site<\/a>.<\/p>\n Please refer our previous articles on How to setup Qt creator for eSOMiMX6 devices<\/a> and How to build, deploy and run Qt applications on eSOMiMX6 devices<\/a> to build and run the application on eSOMiMX6<\/a> devices.<\/p>\n