Transcript Chapter 2 Building User Interfaces and Basic Applications

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 email 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