SlideShare a Scribd company logo
Understanding Layouts in Android
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 Layout
2.     Relative Layout
3.     Table Layout
4.     Grid View
5.     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
Spinners
           Emulator
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" />
Web Views
       XML   Graphical Representation
•Q & A..?
Android webinar class_2

More Related Content

PPTX
Necto 16 training 9 navigation component
PPTX
Necto 16 training 11 infographics
PDF
Web Development 5
PPTX
Necto 16 training 16 workboard properties and advanced features
PPT
Oracle 10g Forms Lesson 10
PPTX
Presentation1
PPT
Build Your Own PCB with EAGLE - Getting Start with EAGLE
PPTX
Database systems administration traning 02
Necto 16 training 9 navigation component
Necto 16 training 11 infographics
Web Development 5
Necto 16 training 16 workboard properties and advanced features
Oracle 10g Forms Lesson 10
Presentation1
Build Your Own PCB with EAGLE - Getting Start with EAGLE
Database systems administration traning 02

Viewers also liked (20)

PPTX
Android webinar class_3
PPTX
Android webinar class_4
PPTX
Android webinar class_5
PDF
Learn Android at edureka!
PPTX
Learn Big Data & Hadoop
PDF
Learn Business Analytics with R at edureka!
PPTX
Learn Cassandra at edureka!
PPTX
Java class 6
PPTX
Java class 3
PPTX
Java class 7
PPTX
Learn Hadoop
PPTX
Hadoop Adminstration with Latest Release (2.0)
PPTX
Android webinar class_1
PPTX
Android webinar class_6
PPTX
Java class 5
PPTX
Java class 1
PPTX
Java class 4
PDF
Bulk Loading Into HBase With MapReduce
PPTX
Learn Hadoop Administration
PDF
Build Application With MongoDB
Android webinar class_3
Android webinar class_4
Android webinar class_5
Learn Android at edureka!
Learn Big Data & Hadoop
Learn Business Analytics with R at edureka!
Learn Cassandra at edureka!
Java class 6
Java class 3
Java class 7
Learn Hadoop
Hadoop Adminstration with Latest Release (2.0)
Android webinar class_1
Android webinar class_6
Java class 5
Java class 1
Java class 4
Bulk Loading Into HBase With MapReduce
Learn Hadoop Administration
Build Application With MongoDB
Ad

Similar to Android webinar class_2 (20)

PPTX
PPTX
Basics of expression blend4
PPTX
Apple Watch Human Interface Guidelines
PPTX
Odoo views
PPTX
Visual Basic.pptx
PPTX
Visual basic
PPSX
PDF
Visual Basic IDE Introduction
PDF
Visual Basic IDE Intro.pdf
PPTX
xaml overview
PPT
Combo box and List box in VB.Net.ppt
PPTX
JAVA Programming: Topic -AWT(Abstract Window Tool )
PPTX
Unit 2 - Object Navigator, Repository and ABAP Programs
PPT
the Modeling is a way of thinking about the
PPTX
Android android layouts
PPTX
Android and IOS UI Development (Android 5.0 and iOS 9.0)
PPTX
Visual studio Toolkits
PDF
APP CAMP #2.
PPT
Crystal tr///SAP Design Studio online training by design studio Export-24/7//...
Basics of expression blend4
Apple Watch Human Interface Guidelines
Odoo views
Visual Basic.pptx
Visual basic
Visual Basic IDE Introduction
Visual Basic IDE Intro.pdf
xaml overview
Combo box and List box in VB.Net.ppt
JAVA Programming: Topic -AWT(Abstract Window Tool )
Unit 2 - Object Navigator, Repository and ABAP Programs
the Modeling is a way of thinking about the
Android android layouts
Android and IOS UI Development (Android 5.0 and iOS 9.0)
Visual studio Toolkits
APP CAMP #2.
Crystal tr///SAP Design Studio online training by design studio Export-24/7//...
Ad

More from Edureka! (20)

PDF
What to learn during the 21 days Lockdown | Edureka
PDF
Top 10 Dying Programming Languages in 2020 | Edureka
PDF
Top 5 Trending Business Intelligence Tools | Edureka
PDF
Tableau Tutorial for Data Science | Edureka
PDF
Python Programming Tutorial | Edureka
PDF
Top 5 PMP Certifications | Edureka
PDF
Top Maven Interview Questions in 2020 | Edureka
PDF
Linux Mint Tutorial | Edureka
PDF
How to Deploy Java Web App in AWS| Edureka
PDF
Importance of Digital Marketing | Edureka
PDF
RPA in 2020 | Edureka
PDF
Email Notifications in Jenkins | Edureka
PDF
EA Algorithm in Machine Learning | Edureka
PDF
Cognitive AI Tutorial | Edureka
PDF
AWS Cloud Practitioner Tutorial | Edureka
PDF
Blue Prism Top Interview Questions | Edureka
PDF
Big Data on AWS Tutorial | Edureka
PDF
A star algorithm | A* Algorithm in Artificial Intelligence | Edureka
PDF
Kubernetes Installation on Ubuntu | Edureka
PDF
Introduction to DevOps | Edureka
What to learn during the 21 days Lockdown | Edureka
Top 10 Dying Programming Languages in 2020 | Edureka
Top 5 Trending Business Intelligence Tools | Edureka
Tableau Tutorial for Data Science | Edureka
Python Programming Tutorial | Edureka
Top 5 PMP Certifications | Edureka
Top Maven Interview Questions in 2020 | Edureka
Linux Mint Tutorial | Edureka
How to Deploy Java Web App in AWS| Edureka
Importance of Digital Marketing | Edureka
RPA in 2020 | Edureka
Email Notifications in Jenkins | Edureka
EA Algorithm in Machine Learning | Edureka
Cognitive AI Tutorial | Edureka
AWS Cloud Practitioner Tutorial | Edureka
Blue Prism Top Interview Questions | Edureka
Big Data on AWS Tutorial | Edureka
A star algorithm | A* Algorithm in Artificial Intelligence | Edureka
Kubernetes Installation on Ubuntu | Edureka
Introduction to DevOps | Edureka

Android webinar class_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. Layouts • These are the following: 1. Linear Layout 2. Relative Layout 3. Table Layout 4. Grid View 5. List View
  • 4. Linear Layouts • A Layout that arranges its children in a single column or a single row • Can be either vertical or horizontal.
  • 5. Linear Layout - Vertical XML Emulator
  • 6. Linear Layout - Horizontal XML Emulator
  • 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. Relative Layout XML Graphical Representation
  • 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. Table Layout XML Graphical Representation
  • 11. Grid View • GridView is a ViewGroup that displays items in a two-dimensional, scrollable grid
  • 12. Grid View XML Graphical Representation
  • 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. List View XML Graphical Representation
  • 16. Toggle Button • A toggle button allows the user to change a setting between two states XML Emulator
  • 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. 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. Check Box and Radio Buttons Check Box Radio Group Radio Button
  • 20. Check Box, Radio Buttons and Radio Group
  • 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. Spinners Emulator
  • 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. Autocomplete Text View XML Emulator
  • 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. Date Picker XML Graphical Representation
  • 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. Time Picker XML Graphical Representation
  • 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. Web Views XML Graphical Representation

Editor's Notes

  • #4: such as development toolkits for other programming languages, and can write and contribute their own plug-in modules.
  • #14: Java compilers convert your code from human readable Java source files to something called “bytecode” in the Java world. “Bytecode” is interpreted by a JVM, which operates much like a physical CPU might operate on machine code, to actually execute the compiled code. Performance - Java performance in generally second only to C/C++ in common language performance comparisons. In the Java programming language and environment, a just-in-time (JIT) compiler is a program that turns Java bytecode (a program that contains instructions that must be interpreted) into instructions that can be sent directly to the processor.The just-in-time compiler comes with the virtual machine and is used optionally. It compiles the bytecode into platform-specific executable code that is immediately executed
  • #15: Java compilers convert your code from human readable Java source files to something called “bytecode” in the Java world. “Bytecode” is interpreted by a JVM, which operates much like a physical CPU might operate on machine code, to actually execute the compiled code. Performance - Java performance in generally second only to C/C++ in common language performance comparisons. In the Java programming language and environment, a just-in-time (JIT) compiler is a program that turns Java bytecode (a program that contains instructions that must be interpreted) into instructions that can be sent directly to the processor.The just-in-time compiler comes with the virtual machine and is used optionally. It compiles the bytecode into platform-specific executable code that is immediately executed
  • #24: such as development toolkits for other programming languages, and can write and contribute their own plug-in modules.