Skip to content

Instantly share code, notes, and snippets.

@vmlinz
Last active August 29, 2015 14:23
Show Gist options
  • Save vmlinz/04e08d619c3915e9eb3d to your computer and use it in GitHub Desktop.
Save vmlinz/04e08d619c3915e9eb3d to your computer and use it in GitHub Desktop.

Material design lib

How to use the lib

compile 'com.android.support:design:22.2.0'

Components

Snackbar

Snackbar, show a quick message to the user

Float Action Button

Floating action buttons are used for a promoted action.

EditText Floating Labels

The new TextInputLayout allows us to wrap EditText views in order to display floating labels above the EditText field.

Navigation View

The navigation drawer slides in from the left. It is a common pattern found in Google apps and follows the keylines and metrics for lists.

Tab Layout

TabLayout provides a horizontal layout to display tabs.

Coordinate Layout

The CoordinatorLayout builds on-top of the motion effects already provided by adding the ability to transition views based on the motion of others.

Floating Action Button

We are able to link our FloatingActionButton to our Snackbar so that when the bar is shown it pushes the FAB up, rather than overlapping it.

App Bar

The CoordinatorLayout lets us adapt our layouts based on different scroll events that may take place, allowing us to alter the appearance of our views (such as the Toolbar) when the user scrolls the content on the screen.

ToolBars

You can now wrap a Toolbar component with the new CollapsingToolbarLayout, which allows the layout to collapse as the user scrolls the screens content

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment