1 / 44

Android User Interfaces: Design and Functionality

Learn to design Android user interfaces with standard layouts, soft keyboards, widgets, and Adaptive Design techniques. Explore different layout types and element configurations for optimal user experience.

hhodges
Download Presentation

Android User Interfaces: Design and Functionality

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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 aLinearLayout

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

More Related