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
Layouts• These are the following:1. Linear Layout2. Relative Layout3. Table Layout4. Grid View5. List View
Linear Layouts• A Layout that arranges its children in a single column or a single row• Can be either vertical or horizontal.
Linear Layout - Vertical XML Emulator
Linear Layout - Horizontal XML Emulator
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
Relative Layout XML Graphical Representation
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
Table Layout XML Graphical Representation
Grid View• GridView is a ViewGroup that displays items in a two-dimensional, scrollable grid
Grid View XML Graphical Representation
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
List View XML Graphical Representation
Widgets in Android
Toggle Button• A toggle button allows the user to change a setting between two states XML Emulator
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
Radio Buttons• Radio buttons allow the user to select one option from a set.• Use radio buttons for optional sets that are mutually exclusive
Check Box and Radio Buttons Check Box Radio Group Radio Button
Check Box, Radio Buttons and Radio Group
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
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.
Autocomplete Text View XML Emulator
Date Picker• This class is a widget for selecting a date• The date can be selected by a year, month, and day spinners.
Date Picker XML Graphical Representation
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.
Time Picker XML Graphical Representation
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" />