Chapter 2 Building User Interfaces and Basic Applications

Figure 02.01: Standard Layout Types

Figure 02.02: RelativeLayout elements are positioned relative to each other

Figure 02.03: A GridLayout has two orientations

Figure 02.04: FrameLayouts contain a single control object, such as a canvas or list

Figure 02.05: Soft keyboards can be altered during stages of input

Figure 02.06: A soft keyboard configured for the input of an address

Figure 02.07: A soft keyboard configured for password input

Figure 02.08: Android supports multiple soft keyboard configurations

Figure 02.09: Text AutoComplete will produce dictionary-based suggestions during input

Figure 02.10: The Search icon appears when you declare android:imeOptions=”actionSearch.”

Figure 02.11: The Shipping Cost Calculator is partially conceptualized in a sketched prototype

Figure 02.12: The final project structure for the Shipping Calculator app

Figure 02.13: View objects arranged in the Layout Editor’s Design mode

Figure 02.14: Widgets are subclasses of the View base class

Figure 02.15:

Figure 02.16: Switch and TobbleButton widgets

Figure 02.17: CheckBox, Seekbar, Switch, and Button widgets arranged in a LinearLayout

Figure 02.18: A Spinner widget displays values from a set

Figure 02.19: View objects can be organized in ViewGroup containers.

Figure 02.20: A RadioGroup is a ViewGroup that contains RadioButton widgets

Figure 02.21: The Burger Calorie Calculator App and its View Structure

Figure 02.22: The final project structure for the Burger Calorie Counter app

Figure 02.23: activity_my.xml layout design

Figure 02.24: Sample contents of R.java showing generated-resource identifiers

Figure 02.25: Adaptive Design is used to display different content for different screens

Figure 02.26: Many versions of activity_my.xml can be used by an application

Figure 02.27: The Shipping Cost app reconceptualized in portrait and landscape orientations

Figure 02.28: Additional layout directories can be used to store different configurations of a user interface

Figure 02.29: Computed output values are organized in a separate ViewGroup container in res/ layout/activity_my.xml

Figure 02.30: A LinearLayout is added to res/layout-land/activity_my.xml to group elements related to weight input

Figure 02.31: A TableLayout built in Java

Figure 02.32: The Calculator running in an AVD designed for a small device

Figure 02.33: The project structure for the Calculator application

Figure 02.34: The Layout design, activity_my.xml, for the Calculator application

Figure 02.35: The display component of the calculator spans across four cells

Figure 02.36: The second row of the Calculator contains the AC, %, and / buttons

Figure 02.37: The buttons in the 3rd, 4th, and 5th rows are of equal size

Figure 02.38: The final TableRow of the TableLayout contains two Buttons

Figure 02.39: A SimpleExpression object is defined by two operands and an operator

Figure 02.40: ViewGroup Containers

Figure 02.41: The Renaissance Paintings App contains clickable paintings that scroll horizontally

Figure 02.42: Project Structure for the Renaissance application

Figure 02.43: The layout structure for activity_my.xml