Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / Mobile / Android

Android Material Design

4.75/5 (6 votes)
23 Aug 2015CPOL2 min read 11.6K  
Android Material Design for old devices with Design Support Library

Introduction

This article explores the Google Material Design concept and his history.

Focused on Android development, I will talk about issues and the hard work to implement this concept on old Android devices and show some important references about it.

History

In Google I/O 2014, Google launched a new concept of User Experience, the famous Material Design, which roughly speaking is a concept based on layers of paper with colors "plateaus" and transitions with stylish effects and closer to reality. Very efficient on mobile devices, but also developed to adapt to varying resolutions and in tablet's desktops.

Google's official Material Design presentation from YouTube

The Google also launched a website (referenced in the link below) with the specifications of the material design with several guides conceptualizing the use of this new UX with examples of components, color palettes, among other features.

To Android developers is natural developers get a few hours browsing the site of specs Material Design and spend days looking for ways to implement them in practice or beg for Google and GitHub find you some component that actually works, both in Lollipop version as in other older version, mainly because the KitKat and JellyBean versions account for more than 75% of the market dispositos running the Android platform.

In the session "Material Now" from Google I / O 2015, much has been said about these frustrations, research and adoption of Material Design, as well as new updates to Google's specifications and support for the Material Design on Android, from the new, as awaited Design Support Library.

Android Design Support Library

New components, concepts, transition effects and consequently some bug's were entered in this library.

TabLayout and Navigation Drawer deserve great attention, since implementing them within the material specs is extremely painful. FAB Button, snackbar and EditText (created within TextInputLayout) are components that, although simple, can be found in many third-party libraries.

Google's official Android Design Support Library presentation from YouTube

Unfortunately, some bugs are already well known as FAB Button which is "stoned" on the Android L and TabLayout that sometimes "lock" a bit when trying to navigate between tabs.

 

 

Image 3

 

 

I created a sample Android application, to show all the new features of the Design Support Library, in order to help the developer to meet these new features quickly and easily.

The application is available in a repository Github and can be seen at the following link:

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)