O'Reilly logo

Instant PhoneGap Social App Development by Kerri Shotts

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

Designing the UI/interaction

Our first task is to design our user interface and the interaction between the various widgets and views. Like the previous task, we will have three views: the start view, the social view, and the tweet view.

How to do it…

We'll begin with the start view. This will be a very simple view. It is entirely optional in this app as all we'll be doing is explaining the app and providing a way to move to the main view.

With that in mind, our sketch is shown in the following screenshot:

How to do it…

In the preceding image, we have a Start button (1) that will push the social view onto the view stack. We also have some explanatory text (2).

Our ...

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