Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds


Free Preview: Build a Material Design App


  • Overview
  • Transcript

Google's material design has quickly become a popular and widely implemented design language. Many Android users now expect their apps to conform to the material design spec, and app designers will expect you to be able to implement its basic principles.

In this course, Envato Tuts+ instructor Ashraff Hathibelagal will show you how to build a practical, fully functional material design app that is ready to publish on Google Play. Starting from the app design created by instructor Adi Purdila in his course Getting to Know Material Design, you will learn how to work with the various material design UI widgets, such as FloatingActionButton, TextInputLayout and RecyclerView, available in the Android Support library. You will also learn how to perform read and write operations on a modern mobile database called Realm.

1. Introduction

1.1 Introduction

Material Design is one of the most popular design languages these days. And you can see it being used in both websites and Android apps. As a matter of fact, almost every popular app on Google Play today has a user interface which conforms to the Material Design spec. Hi, I'm Ashraff Hathibelagal, and in this course I will be showing you how to create a Material Design Android app using Android Studio and the Design Support Library. Over the next 45 minutes or so, we will be building a shopping list application which uses Material Design UI widgets, such as floating action buttons, text input layouts, and recycler views. We will also be using a modern mobile data base called Realm to store the shopping list data. So if you're ready, open the next video of this course, where I give you a quick demonstration of the screens and features of the Material Design app we will be creating today.

1.2 The Shopping List App

In this course, we will be creating a fully functional and material design shopping list app. The design of the app is largely based on a design created by our they put it in a course called Getting to Know Material Design. I'm now going to give you a quick demonstration of the app we will be creating today. You are currently looking at its home screen which shows a list of items you need to buy, along with a list of items you recently bought, by touching this very prominent looking floating action button, you can add new items to your shopping list. You can specify both the name and the quantity of the item you need to buy. By clicking on these check boxes, you can mark items that you bought already. As you can see, a checked item instantly jumps to the recently completed list. And if you marked an item accidentally, you can always undo that action by touching this undo button. Additionally, you can modify the items that are already on the list by touching this edit button. You can edit both the name and the quantity of the item. That's all there is to this app. Developing it is going to be fun and easy, because it has just two screens, with lots of new UI widgets. In the next video of this course, I show you how to set up a new Android Studio project for this app. Thanks for watching.