QFace – A generator framework

QFace is a generator framework based on a common modern IDL. It is not a generator as such but enforces a common IDL format and provides a library to write your own generator. It is actually very easy to create your own generator and generate your custom solution based on your needs from the same IDL.

// echo.qface
module org.example 1.0;

/**!
The echo interface to call someone
on the other side
*/
interface Echo {
    readonly Message lastMessage;
    void echo(Message message);
    event void callMe();
};

struct Message {
    string text;
};

The IDL is designed after the Qt/QML interface and as such is optimized to generate source code used with Qt C++ or Qt QML, but it is not limited to this use case.

QFace Landing Page

Advertisement

QML Training Material

After 2 years of silence I think about reloading this blog (not sure where the final location will be). Two years ago I started with a blog about training material. So I do the same today.

I collected a short list of links to QtQuick training material to read and to watch.

Moving a ToolBar in

In this example I will move a toolbar into the main rectangle. The toolbar get’s hidden when the user clicks outside the toolbar.

Like-O-Meter

A like-o-meter is used when a user shall rate content. In this case it’s a series of stars a user can give.

Displaying an Image with a scroll indicator

An Image element displayed in a Flickable element can be scrolled in the Flickable’s viewport. To indicate the position the user is currently looking at we will develop a simple scroll indicator.

Using the ListView with an XML Model

The ListView can also be used with more advanced models, like the XmlListModel. The XmlListModel allows you to specify a XPath query to extract information from the XML data source.

Using the ListView with a model

This post explains shortly how to use a ListView with a simple model and a delegate to paint the model data.

Designing a Login View

Now we have all building blocks together to create a login view with username and password field and 2 buttons, one for login the other one for login as guest.

Rows and Columns

The Row/Column element in QML are called positioners. They position their children horizontally/vertically in a line-up.

A TextInput Component

In a previous post we post, we developed a beautiful TextInput with borders. In this post, we will extract this in a component for later reuse.