Android Material Design: Difference between revisions

From bibbleWiki
Jump to navigation Jump to search
Created page with "=Introduction= With Android lollipop (21) wcan the RecyclerView and CardView. The page will cover List and Card Views *RecyclerView *CardView Views and Shadows *Elevation *Cli..."
 
Line 17: Line 17:
=Basics=
=Basics=
The theme is defined in the styles.xml. You have to make sure the minSdkVersion is compatible with the theme. The backward compatible themes without Material Design is
The theme is defined in the styles.xml. You have to make sure the minSdkVersion is compatible with the theme. The backward compatible themes without Material Design is
<syntaxhightlight lang="xml">
<syntaxhighlight lang="xml">
Theme.AppCompat
Theme.AppCompat
Theme.AppCompat.Light
Theme.AppCompat.Light
Line 29: Line 29:
android.style/Theme.Material.Light.DarkActionBar
android.style/Theme.Material.Light.DarkActionBar
android.style/Theme.Material.Light.NoActionBar
android.style/Theme.Material.Light.NoActionBar
</syntaxhightlight>
</syntaxhighlight>


==Colors==
==Colors==

Revision as of 23:59, 22 December 2020

Introduction

With Android lollipop (21) wcan the RecyclerView and CardView. The page will cover List and Card Views

  • RecyclerView
  • CardView

Views and Shadows

  • Elevation
  • Clipping View

Animation

  • Touch Feedback (Ripple)
  • Circular Reveal
  • Activity Transitions

Not Covered

  • Path-Based Animations
  • Vector Drawables
  • Drawable Tinting

Basics

The theme is defined in the styles.xml. You have to make sure the minSdkVersion is compatible with the theme. The backward compatible themes without Material Design is

Theme.AppCompat
Theme.AppCompat.Light
Theme.AppCompat.Light.DarkActionBar
Theme.AppCompat.Light.NoActionBar
</syntaxhightlight>
The equivalent Material Themes are
<syntaxhightlight lang="xml">
android.style/Theme.Material
android.style/Theme.Material.Light
android.style/Theme.Material.Light.DarkActionBar
android.style/Theme.Material.Light.NoActionBar

Colors

  • Primary
  • Primary Dark
  • Accent