In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.
In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.
Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list.
This tutorial features the new NavigationView and MVC Support built into Sencha Touch 2.