Material design

Material DesignSpeaker Imam Raza

GDG Karachi Event 24th January

Material design is a unified system of

visual, motion, and interaction design that

adapts across different devices.

What is it?

● Material design is inspired by tactile

materials, such as paper and ink.

● Material surfaces interact in a shared

space

● Surfaces can have elevation (z-height)

and cast shadows on other surfaces to

convey relationships

Inspired by

● A new theme

● New widgets for complex views

● New APIs for custom shadows and

animations

Android Material design Elements

Android Material Theme

New Widget List and Card View

Recycler View

Recycling view

Recycle view API

Card View

View Shadows

● imagines every UI surface as a "sheet of

paper" floating above a background.

● Each sheet of paper occupies a position

in Z space and casts a shadow on

elements below it.

View Shadows

● In addition to the X and Y properties,

now have a Z property.

● Z property represent elevation.

<ImageView …

android:elevation="8dp" />

View Shadows

Animation