Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chapter 2 Building User Interfaces and Basic Applications.

Similar presentations


Presentation on theme: "Chapter 2 Building User Interfaces and Basic Applications."— Presentation transcript:

1 Chapter 2 Building User Interfaces and Basic Applications

2 Figure 02.01: Standard Layout Types

3 Figure 02.02: RelativeLayout elements are positioned relative to each other

4 Figure 02.03: A GridLayout has two orientations

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

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

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

8 Figure 02.07: A soft keyboard configured for password input

9 Figure 02.08: Android supports multiple soft keyboard configurations

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

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

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

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

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

15 Figure 02.14: Widgets are subclasses of the View base class

16 Figure 02.15:

17 Figure 02.16: Switch and TobbleButton widgets

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

19 Figure 02.18: A Spinner widget displays values from a set

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

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

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

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

24 Figure 02.23: activity_my.xml layout design

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

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

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

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

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

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

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

32 Figure 02.31: A TableLayout built in Java

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

34 Figure 02.33: The project structure for the Calculator application

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

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

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

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

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

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

41 Figure 02.40: ViewGroup Containers

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

43 Figure 02.42: Project Structure for the Renaissance application

44 Figure 02.43: The layout structure for activity_my.xml


Download ppt "Chapter 2 Building User Interfaces and Basic Applications."

Similar presentations


Ads by Google