Building Material Apps on Android

Editor's Notes

• #2: Slide to show before starting with presentation
• #3: Welcome everyone to this tech talk. I’m glad to see all of you over here. How many of you have worked on Android before? I’ll try to explain as easy as possible.
• #4: A quick intro about me. I’m Akshay Chordiya. I have been working on Android for more than 3 years. I have enjoyed working on it, though sometimes it has been messy 😜
• #5: Let’s begin with the technical definition of Material Design
• #6: I’m pretty sure that definition didn’t help much to understand what Material Design is about. Probably you remembered your school days, LOL
• #7: Let’s watch this video which should clear up what Material Design is about
• #9: Principles of Material Design. Let’s understand them.
• #10: Material is Metaphor means //TODO
• #11: Imagery plays an important role in Material Design. The emphasis is on user actions which makes core functionality immediately apparent and provides waypoints for the user
• #12: Motion should be meaningful and appropriate. It be should be continued i.e it should not break the user's’ attention. Like our real world where things do not come out of nowhere and disappear into nowhere.
• #13: There are 3 key principles of Material Design that I will be discussing. As I talk about them, I’m going to leave this animation running, and use it to illustrate them. As you can probably guess by the name, Material Design has something to do with materials. The point here is that Material Design is all about looking at your components as objects, and to imagine them in the real world, governed in many ways by the rules of physics. These objects move about naturally, they expand and they contract. They’re not limited by the rules of physics, but follow them in many ways. A big focus of Material Design is to dial up the visuals. Imagery plays an important role and I’ll be spending some time dedicated to this just to share some best practices. The colours are completely unlike Android 1.0, serving a key purpose. Animations show acceleration, the transitions begin where the touch event occurs or where the item already existed.
• #14: You may or may not use Material Design
• #16: Choose yourself which one looks better
• #17: There is so much about Material Design. Please check out the following link to read more about it.
• #18: We have learned what Material Design is and are now convinced about why to use it. Now we will learn how to apply Material Design to our apps. The newbie way is to check material design guidelines and build the material UI required for the app, which is surely going to take time. Instead of building the app and matching the design with guidelines given by Material Design. It is recommended to use libraries to immediately start with building the app and meanwhile seeing the guidelines to understand if we are heading in the right direction.
• #19: First party libraries are libraries provided by Android itself.
• #20: Nowadays AppCompat library is added by default on creating new project in Android Studio. It’s one of the most used library in Android.
• #21: There are plenty of things in AppCompat. It’s so huge that we can have a whole tech talk only about AppCompat.
• #23: Demo: Create new project in Android Studio Show added dependency of AppCompat in gradle Added a button in the UI Initially show UI without using AppCompat Later show UI while using AppCompat
• #29: Demo: Add dependency of Design library in gradle Create new activity with FAB
• #30: The libraries are build by other developers to speed up building material design
• #31: dependencies { // ... other dependencies here compile 'com.afollestad.material-dialogs:core:0.9.1.0'}
• #32: Demo: Add dependency of Material Dialog in gradle Show dialog using the library
• #33: You’ll find most of the libraries on GitHub
• #34: Protips are tips and tricks which are gained over the years of experience. I’d like to share some of the protips which I have gained.
• #35: Your HOLO ICS dialog will automatically change to Material Dialog without any significant code change
• #36: Add this lib https://github.com/DreaminginCodeZH/MaterialColdStart
• #39: Thank you everyone for coming and so patiently listening to this talk. I hope you enjoyed this session. Hoping to see you all again. I’ll be sharing the presentation probably on SlideShare.