O'Reilly logo

Creating Mobile Apps with Sencha Touch 2 by Bryan P. Johnson, John Earl Clark

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the views

So far, none of our code has actually created anything on the screen. Now we need to create some visual components for the user to interact with, starting with the main panel that will contain our application.

Drag a Tab Panel object out of the Toolbox list on the left and drop it onto the iPhone screen in the designer. A Panel option will now appear in Project Inspector. Select Tab Panel and add the following information to the Config area:

  • Make sure the initialView checkbox is checked
  • Change userClassName from myTabPanel to mainView
  • Delete the third tab by right-clicking on it and choosing Delete

Save the project and let's take another look at the code for your project. In the app.js file, you will now see the following code: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required