Chapter 4. Mastering the building blocks
This chapter covers
- Exploring the Sencha Touch Container model
- Learning utility methods to arrange and manage widgets
- Learning to float and drag panels
- Implementing the TabPanel
In the previous chapter we covered a lot of foundational topics, including the Component model and component life cycle, and most important, how to create components. Armed with all this knowledge, you can now see how Sencha Touch uses these new concepts in some of the major UI components and thus master such topics as containers, panels, and TabPanels—exactly the things covered in this chapter. We’ll explore how components are managed within containers and how to arrange components in various ways using the provided layouts. In the process we’ll look into building a simple wizard-style interface, and explore how to build a TabPanel that looks similar to the typical iOS apps with icons at the bottom.
First things first: let’s begin by diving into the anatomy of the Container class.