QML/Keyboard navigation

Revision as of 14:07, 25 November 2010 (view source) Elliot (Talk | contribs) (→System Setup) ← Older edit		Revision as of 14:12, 25 November 2010 (view source) Elliot (Talk | contribs) (→How to) Newer edit →
Line 15:		Line 15:
	== How to ==		== How to ==
-	Here are some ideas to consider:	+	You basically need a QML application with some input elements to start with.
-	* Clear problem statement: What are you demonstrating	+
-	* Solution	+	You then add keyboard navigation using the following QML elements:
-	* Code	+
-	* Screenshots (if applicable)	+	* <code>KeyNavigation</code>, for defining paths between pairs of UI elements (e.g. to move between input elements)
-	* Related articles	+	* <code>Keys</code>, for connecting key presses to actions (e.g. to submit data entered in input elements)
-	* Troubleshooting	+

---

Revision as of 14:12, 25 November 2010

Contents 1 Overview 2 Pre-requisites 2.1 System Setup 3 How to

Overview

This tutorial explains how to make a QML user interface entirely navigable by keyboard.

Pre-requisites

If you don't know anything about QML, reading the introductory Qt/QML documentation might be helpful.

System Setup

Install the MeeGo SDK first. Alternatively, you could just install the meego-sdk-qt-creator and meego-sdk-qt packages (see the same page for the location of the repos).

I'm using Fedora 13 Linux here, and have run the application on that and MeeGo 1.1.

How to

You basically need a QML application with some input elements to start with.

You then add keyboard navigation using the following QML elements:

• KeyNavigation, for defining paths between pairs of UI elements (e.g. to move between input elements)
• Keys, for connecting key presses to actions (e.g. to submit data entered in input elements)