QtQuick Examples

A quick look on QML

  • About JRyannel

Moving a ToolBar in

Posted by jryannel on March 5, 2010
Posted in: QML. 3 comments

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

Like-O-Meter

Posted by jryannel on March 1, 2010
Posted in: QML. 1 comment

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.
Continue Reading

Displaying an Image with a scroll indicator

Posted by jryannel on February 26, 2010
Posted in: QML. Leave a Comment

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.
Continue Reading

Using the ListView with an XML Model

Posted by jryannel on February 24, 2010
Posted in: QML. Leave a Comment

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.
Continue Reading

Using the ListView with a model

Posted by jryannel on February 23, 2010
Posted in: QML. Leave a Comment

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

Designing a Login View

Posted by jryannel on February 22, 2010
Posted in: QML. 1 comment

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.
Continue Reading

Rows and Columns

Posted by jryannel on February 19, 2010
Posted in: QML. Leave a Comment

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

A TextInput Component

Posted by jryannel on February 18, 2010
Posted in: QML. Leave a Comment

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.
Continue Reading

DIGIA demos Qt Quick

Posted by jryannel on February 17, 2010
Posted in: QML. Leave a Comment

If you ever wondered, what is possible with QtQuick, aka QML have a look.

Sweet!

Using TextInput

Posted by jryannel on February 17, 2010
Posted in: QML. Leave a Comment

TextInput allows you to add an editable line to your scene.

Continue Reading

Posts navigation

← Older Entries
  • How to Read

    This is a series of QML Learning Material. You best read it from the earliest post till today. Most of the code used is extracted from existing QML examples.
  • Tags

    c++ component QML
  • Top Rated

  • Categories

    • QML
    • Qt C++
  • Blogroll

    • #qt-kinetic on irc.freenode.net
    • Declarative Forum
    • QML Labs
  • QML

    • QML Downloads
    • QML Easing Curves
    • QML Elements
    • QML Snapshot Documentation
  • Archives

    • March 2010
    • February 2010
  •  

    January 2012
    M T W T F S S
    « Mar    
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031  
Blog at WordPress.com. Theme: Parament by Automattic.
Follow

Get every new post delivered to your Inbox.

Powered by WordPress.com