Designing the Main Menu Screen

To design the main menu screen, you begin by roughly sketching what you want it to look like. If you review the screen requirements, you see that this screen provides essential navigation for the rest of the application. Users can choose from four different options: play the game, review the help, configure the settings, or view the high scores. Figure 8.1 shows a rough design of the main menu screen.


Rough design for the Been There, Done That! main menu screen.

Screen Title

Game Features Play, Scores, Settings, and Help


There are a number of different ways you could implement the main menu screen. For example, you could create a button for each option, listen for clicks, and funnel the user to the appropriate screen. However, if the number of options grows, this method would not scale well. Therefore, a list of the options, in the form of a ListView control, is more appropriate. This way, if the list becomes longer than the screen, you have built-in scrolling capability.

In addition to the screen layout, you want the main menu screen to have some bells and whistles. You begin with the default behavior of each layout control and then add some custom flair to those controls. For example, you could add a nice background image behind the entire screen and add a custom selection graphic to the ListView control.

Finally, you wire up the ListView control to ensure that when a user clicks on a specific list option, he or she is taken to the appropriate screen. This will allow users to easily access the rest of the screens you need to implement within the Been There, Done That! application.

Was this article helpful?

0 0

Post a comment