SlideShare uma empresa Scribd logo
1 de 11
Material Design
Material design is the new design language for Android and
defines the visual, motion and interaction design across
platforms and devices. Google has a material design
specification that offers guidelines for using material design for
mobile app development on the platform. These can be used on
Android 5.0 lollipop version on-wards.
We discuss 6 elements of material design for
Android app development
1. Material theme
2. Widgets for cards and lists
3. Custom shadows and view clipping
4. Vector drawables
5. Custom animations
6. APIs for custom shadows and animations
Material theme
It is the interface style that establishes the look and feel of
views and activities. This element is built into the Lollipop and is
used by the system UI and applications. The user can
dynamically set the system-wide appearance with this element
from their Settings menu.
There are 3 flavours of Material Theme :
● Theme.Material
● Theme.Material.Light
● Theme.Material.Light.DarkActionBar
Widgets for cards and lists
There are two new widgets for displaying cards and lists:
● RecyclerView – with multiple layout options and supports high
performance
● CardView – display information inside a card
Vector drawables
They are vector graphics the recipe for which is written in an
XML format that can be executed with a series of draw
commands.
Their advantage is that they can be scaled without losing
definition and only one asset file is required for each screen
density.
Custom shadows and view
clipping
With custom shadows
and view clipping,
elevation of UI elements
are introduced. Elevation
determines the shadow
cast by each view can
can be set for layouts
defined in DP for any
view.
Custom animations
● Curved motion
● View state changes
● State list drawables -Vector
Drawables ,Colour
extraction, Drawable tinting
With material design, animation gives users feedback on
actions and visual continuity to interact with the app. There is
some default animation button and activity transitions which can
be customized or new ones can be created.
There are custom animation APIS for –
● CTouch feedback
● Circular Reveal
● Activity transitionslick to add
Text
APIs for custom shadows and
animations
● Respond to touch events
● Hide and show views with
circular reveal
● Animate multiple view
properties with view state
change animations
● Create natural animations
with curved motion
● Add customized activity
transition
● Add animations to state list
drawables
Material Design has new APIS for custom design and shadows.
You can use animation APIs to create custom animations for UI
controls, changing view state and activity transition.
The new APIs allow you to:
Get primed on the
latest tech with our
iOS, Android & Windows
App Development
Services. Get in touch
with us for your
mobile app development
needs
ATEES Infomedia Pvt LtdATEES Infomedia Pvt Ltd

Mais conteúdo relacionado

Destaque

Google material-design
Google material-designGoogle material-design
Google material-design
Harrison Weber
 
Google Material design
Google Material designGoogle Material design
Google Material design
Dan Vitoriano
 
Android animation
Android animationAndroid animation
Android animation
Krazy Koder
 

Destaque (20)

Material design
Material designMaterial design
Material design
 
Google material-design
Google material-designGoogle material-design
Google material-design
 
Google Material design
Google Material designGoogle Material design
Google Material design
 
Material design
Material designMaterial design
Material design
 
Modul praktikum 10 - Android Sudaryatno
Modul praktikum 10 - Android SudaryatnoModul praktikum 10 - Android Sudaryatno
Modul praktikum 10 - Android Sudaryatno
 
Modul praktikum 4 - Android Sudaryatno
Modul praktikum 4 - Android SudaryatnoModul praktikum 4 - Android Sudaryatno
Modul praktikum 4 - Android Sudaryatno
 
Modul praktikum 7 - Android Sudaryatno
Modul praktikum 7 - Android SudaryatnoModul praktikum 7 - Android Sudaryatno
Modul praktikum 7 - Android Sudaryatno
 
Fundamental android application development
Fundamental android application developmentFundamental android application development
Fundamental android application development
 
Material design for android
Material design for androidMaterial design for android
Material design for android
 
Modul praktikum 2 - Android Sudaryatno
Modul praktikum 2 - Android SudaryatnoModul praktikum 2 - Android Sudaryatno
Modul praktikum 2 - Android Sudaryatno
 
Modul praktikum 13 - Android Sudaryatno
Modul praktikum 13 - Android SudaryatnoModul praktikum 13 - Android Sudaryatno
Modul praktikum 13 - Android Sudaryatno
 
Modul android
Modul android Modul android
Modul android
 
Modul praktikum 3 - Android Sudaryatno
Modul praktikum 3 - Android SudaryatnoModul praktikum 3 - Android Sudaryatno
Modul praktikum 3 - Android Sudaryatno
 
Basic Android Animation
Basic Android Animation Basic Android Animation
Basic Android Animation
 
Pengenalan android ndk
Pengenalan android ndkPengenalan android ndk
Pengenalan android ndk
 
Android animation
Android animationAndroid animation
Android animation
 
School Management System in Android
School Management System in AndroidSchool Management System in Android
School Management System in Android
 
Android Material Design APIs/Tips
Android Material Design APIs/TipsAndroid Material Design APIs/Tips
Android Material Design APIs/Tips
 
Belajar Android Studio Material Design Penggunaan RecyclerView dan Card View
Belajar Android Studio Material Design Penggunaan RecyclerView dan Card ViewBelajar Android Studio Material Design Penggunaan RecyclerView dan Card View
Belajar Android Studio Material Design Penggunaan RecyclerView dan Card View
 
Modul praktikum 12 - Android Sudaryatno
Modul praktikum 12 - Android SudaryatnoModul praktikum 12 - Android Sudaryatno
Modul praktikum 12 - Android Sudaryatno
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Último (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 

Material Design For Android App Development

  • 1.
  • 2. Material Design Material design is the new design language for Android and defines the visual, motion and interaction design across platforms and devices. Google has a material design specification that offers guidelines for using material design for mobile app development on the platform. These can be used on Android 5.0 lollipop version on-wards.
  • 3. We discuss 6 elements of material design for Android app development 1. Material theme 2. Widgets for cards and lists 3. Custom shadows and view clipping 4. Vector drawables 5. Custom animations 6. APIs for custom shadows and animations
  • 4. Material theme It is the interface style that establishes the look and feel of views and activities. This element is built into the Lollipop and is used by the system UI and applications. The user can dynamically set the system-wide appearance with this element from their Settings menu. There are 3 flavours of Material Theme : ● Theme.Material ● Theme.Material.Light ● Theme.Material.Light.DarkActionBar
  • 5. Widgets for cards and lists There are two new widgets for displaying cards and lists: ● RecyclerView – with multiple layout options and supports high performance ● CardView – display information inside a card
  • 6. Vector drawables They are vector graphics the recipe for which is written in an XML format that can be executed with a series of draw commands. Their advantage is that they can be scaled without losing definition and only one asset file is required for each screen density.
  • 7. Custom shadows and view clipping With custom shadows and view clipping, elevation of UI elements are introduced. Elevation determines the shadow cast by each view can can be set for layouts defined in DP for any view.
  • 8. Custom animations ● Curved motion ● View state changes ● State list drawables -Vector Drawables ,Colour extraction, Drawable tinting With material design, animation gives users feedback on actions and visual continuity to interact with the app. There is some default animation button and activity transitions which can be customized or new ones can be created. There are custom animation APIS for – ● CTouch feedback ● Circular Reveal ● Activity transitionslick to add Text
  • 9. APIs for custom shadows and animations ● Respond to touch events ● Hide and show views with circular reveal ● Animate multiple view properties with view state change animations ● Create natural animations with curved motion ● Add customized activity transition ● Add animations to state list drawables Material Design has new APIS for custom design and shadows. You can use animation APIs to create custom animations for UI controls, changing view state and activity transition. The new APIs allow you to:
  • 10. Get primed on the latest tech with our iOS, Android & Windows App Development Services. Get in touch with us for your mobile app development needs
  • 11. ATEES Infomedia Pvt LtdATEES Infomedia Pvt Ltd