Clik here to view.
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. The previus developed TextInput scene looked like this:...
View ArticleClik here to view.
Rows and Columns
The Row/Column element in QML are called positioners. They position their children horizontally/vertically in a line-up. The Column and Row elements have the same properties: spacing, add and move....
View ArticleClik here to view.
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. The source code of this example called...
View ArticleClik here to view.
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. To display a content in a ListView you need a model (e.g. ListModel) and a delegate (a...
View ArticleClik here to view.
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. We will use...
View ArticleClik here to view.
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. First...
View ArticleClik here to view.
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. This time we begin with the desired output. Here is the a screenshot of the final example:...
View ArticleClik here to view.
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. We create an outer rectangle our “screen” and an inner rectangle which...
View ArticleClik here to view.
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...
View ArticleQFace – 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...
View Article