The document discusses various topics related to UI components in Android, including views, types of layouts, and units of measurement. It provides information on structured layout objects, UI controls for the main action bar, view control, and content area. Examples of different layouts are described such as linear layout, table layout, relative layout, and frame layout. Usage and characteristics of each layout type are highlighted.

1. Copyright © 2017, edureka and/or its affiliates. All rights reserved.

2. • Introduction to UI components
• Views
• Types of Layouts
www.edureka.co/android
• Units of measurement
• Demo

3. www.edureka.co/android

4. www.edureka.co/python
www.edureka.co/android
➢ Structured layout objects
➢ UI controls
Main Action Bar
View Control
Content Area
Split Action Bar

5. www.edureka.co/android

6. A View is considered as a basic building block for a
proper user interface that is created from the View
class
www.edureka.co/android

7. www.edureka.co/python
A layout defines the structure of the UI of
your application. All elements All elements in
the layout are built using a hierarchy
of View and View Group objects
www.edureka.co/android

8. A file that contains different widgets to be used in the
UI and the relationship between those widgets and
their containers
www.edureka.co/android

9. www.edureka.co/android

10. Linear Layout
www.edureka.co/android
Absolute Layout
Relative Layout
Table Layout
Frame Layout

11. www.edureka.co/android
Linear Layout
You can create a table with rows
and columns and place elements
within them. In each row, you
can specify one or more
elements. You can use this
command <TableRow> to create
a new table layout.
Absolute Layout
The linear layout is used to
place one element on each
line. So, all the elements will
be placed in an orderly top-
to-bottom fashion
Table Layout
You can create a table with rows and
columns and place elements within them. In
each row, you can specify one or more
elements. You can use this command
<TableRow> to create a new table layout.

12. A Relative Layout is a ViewGroup
that displays child views in
relative positions. You can specify
the position of the elements in
relation to other elements, or in
relation to the parent container.
www.edureka.co/android
Relative Layout
To show one item on each
screen. Using the frame layout,
you can have multiple items. This
Frame Layout is a placeholder
on the screen that you can use
to display a single view.
Frame Layout

13. www.edureka.co/android

14. www.edureka.co/android

15. www.edureka.co/android

16. Copyright © 2017, edureka and/or its affiliates. All rights reserved.
www.edureka.co

17. www.edureka.co/android