Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android webinar class_2


Published on

  • Be the first to comment

Android webinar class_2

  1. 1. Understanding Layouts in Android
  2. 2. Layouts• Your layout is the architecture for the user interface in an Activity. It defines the layout structure and holds all the elements that appear to the user.• Declare UI elements in XML• Instantiate layout elements at runtime
  3. 3. Layouts• These are the following:1. Linear Layout2. Relative Layout3. Table Layout4. Grid View5. List View
  4. 4. Linear Layouts• A Layout that arranges its children in a single column or a single row• Can be either vertical or horizontal.
  5. 5. Linear Layout - Vertical XML Emulator
  6. 6. Linear Layout - Horizontal XML Emulator
  7. 7. Relative Layout• Relative Layout is a view group that displays child views in relative positions• The position of each view can be specified as relative to sibling elements
  8. 8. Relative Layout XML Graphical Representation
  9. 9. Table Layout• A layout that arranges its children into rows and columns• A TableLayout consists of a number of TableRow objects, each defining a row
  10. 10. Table Layout XML Graphical Representation
  11. 11. Grid View• GridView is a ViewGroup that displays items in a two-dimensional, scrollable grid
  12. 12. Grid View XML Graphical Representation
  13. 13. List View• ListView is a view group that displays a list of scrollable items.• The list items are automatically inserted to the list using an Adapter
  14. 14. List View XML Graphical Representation
  15. 15. Widgets in Android
  16. 16. Toggle Button• A toggle button allows the user to change a setting between two states XML Emulator
  17. 17. Check Boxes• Checkboxes allow the user to select one or more options from a set.• You should present each checkbox option in a vertical list
  18. 18. Radio Buttons• Radio buttons allow the user to select one option from a set.• Use radio buttons for optional sets that are mutually exclusive
  19. 19. Check Box and Radio Buttons Check Box Radio Group Radio Button
  20. 20. Check Box, Radio Buttons and Radio Group
  21. 21. Spinners• Spinners provide a quick way to select one value from a set• In the default state, a spinner shows its currently selected value XML Java Code
  22. 22. Spinners Emulator
  23. 23. Autocomplete Textview• An editable text view that shows completion suggestions automatically while the user is typing.• The drop down can be dismissed at any time by pressing the back key or, if no item is selected in the drop down, by pressing the enter/dpad center key.
  24. 24. Autocomplete Text View XML Emulator
  25. 25. Date Picker• This class is a widget for selecting a date• The date can be selected by a year, month, and day spinners.
  26. 26. Date Picker XML Graphical Representation
  27. 27. Time Picker• A view for selecting the time of day, in either 24 hour or AM/PM mode• The hour can be entered by keyboard input• The minutes can be entered by entering single digits.
  28. 28. Time Picker XML Graphical Representation
  29. 29. Web Views• A View that displays web pages• you can roll your own web browser or simply display some online content within your Activity.• <uses-permission android:name="android.permission.INTERNET" />
  30. 30. Web Views XML Graphical Representation
  31. 31. •Q & A..?