{"id":16,"date":"2016-06-22T07:38:39","date_gmt":"2016-06-22T07:38:39","guid":{"rendered":"http:\/\/abhiandroid.com\/materialdesign\/?page_id=16"},"modified":"2021-08-20T10:45:45","modified_gmt":"2021-08-20T10:45:45","slug":"material-design-tutorials","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/materialdesign\/","title":{"rendered":"Android Material Design Tutorials With Examples in Android Studio"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Material Design is a visual language developed by Google which was\u00a0first introduced with Lollipop OS and since then it has become popular in designing and developing Android Apps. As per Google this language is\u00a0based on paper and ink.<\/p>\n

Here our in-depth tutorial will teach how to design beautiful and user friendly Application using Android Material Design. All our tutorial will have at least 1 practical example and step by step explanation of each topic.<\/p>\n

\n

Prequisites For Leaning Android Material Design:<\/strong><\/h4>\n

JAVA For Android:<\/strong><\/p>\n

JAVA is a programming language which is most commonly used in Android App Development. Before you start learning\u00a0Material Design you will need to learn\u00a0Object Oriented Java.\u00a0Check out our JAVA for Android<\/a> section to learn it.<\/p>\n

Android UI Basics: <\/strong><\/p>\n

You will also need to be familiar with Android UI basics<\/a>.<\/p>\n

Android Studio:<\/strong><\/p>\n

Android Studio is the official IDE (integrated development environment) for developing Android Apps by Google. It is available for free download\u00a0on Windows, Mac OS X and Linux.<\/p>\n

Check out our Android Studio guide<\/a> to get started with it.<\/p>\n

\n

Android Material Design Tutorials:<\/strong><\/h4>\n

Below are the list of Material design topics. Follow the link to read full tutorial:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Android Material Design\u00a0Topics<\/caption>\n
Topics (Follow the link to read tutorial)<\/th>\nDescription<\/th>\n<\/tr>\n
TextInputLayout \/ Floating Labels in\u00a0EditText<\/a><\/td>\nTextInputLayout is a new element introduced in Design Support library to display the floating label in\u00a0EditText<\/a>.<\/td>\n<\/tr>\n
TabLayout<\/a><\/td>\nTabLayout\u00a0provides horizontal layout to display tabs on the screen. We can display more screens in a single\u00a0screen using tabs.<\/td>\n<\/tr>\n
NavigationDrawer<\/a><\/td>\nNavigation drawer\u00a0is a side menu that helps us to organise the navigation inside our app. It is a uniform way to access different pages and information inside our app.<\/td>\n<\/tr>\n
PercentRelativeLayout<\/a><\/td>\nPercentRelativeLayout in Android is a subclass of RelativeLayout that supports percentage based margin and dimensions for Views(Button, TextView or any other view).<\/td>\n<\/tr>\n
Toolbar<\/a><\/td>\nIn Android Toolbar is similar to an ActionBar(now called as App Bars). It\u00a0is a Viewgroup that can be placed at anywhere in the Layout. We can easily replace an ActionBar with Toolbar.<\/td>\n<\/tr>\n
PercentFrameLayout<\/a><\/td>\nIn Android PercentFrameLayout is a subclass of FrameLayout that supports percentage based margin and dimensions for Views(Button, TextView or any other view).<\/td>\n<\/tr>\n
RecyclerView As ListView<\/a><\/td>\nThe RecyclerView is more flexible, powerful and a major enhancement over ListView.<\/td>\n<\/tr>\n
RecyclerView As\u00a0GridView<\/a><\/td>\nThe RecyclerView is more flexible, powerful and a major enhancement over GridView.<\/td>\n<\/tr>\n
RecyclerView As StaggeredGrid<\/a><\/td>\nIt is used to show the items in staggered Grid (varying size)<\/td>\n<\/tr>\n
CardView<\/a><\/td>\nIn Android, CardView is another main element that can represent the information in a card manner with a drop shadow called elevation and corner radius which looks consistent across the platform.<\/td>\n<\/tr>\n
Pull To Refresh \/ SwipeRefreshLayout<\/a><\/td>\nIn Android App Pull To Refresh aka SwipeRefreshLayout is used whenever we need to refresh the content’s of a view via a vertical swipe gesture.<\/td>\n<\/tr>\n
ViewPager<\/a><\/td>\nViewPager in Android is a class that allows the user to flip left and right through pages of data. This class provides the functionality to flip pages in app.<\/td>\n<\/tr>\n
Animation<\/a><\/td>\nThe Animations Framework allows us to create visually attractive animations and transitions in our apps.<\/td>\n<\/tr>\n
Snackbar<\/a><\/td>\nA Snackbar is a widget that looks like a small banner that pops up at the bottom of the user\u2019s phone screen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]Material Design is a visual language developed by Google which was\u00a0first introduced with Lollipop OS and since then it has become popular in designing and developing Android Apps. As per Google this language is\u00a0based on paper and ink. Here our in-depth tutorial will teach how to design beautiful and user friendly Application using Android Material … Continue reading Android Material Design Tutorials With Examples in Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home_posts.php","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"psp_head":"Android Material Design Tutorials With Examples in Android Studio \u2013 Android Material Design Tutorial<\/title>\r\n<meta name=\"description\" content=\"Step by step Android Material design tutorials with examples in Android Studio. Learn how material design is used in designing and developing apps using APIs.\" \/>\r\n<meta name=\"robots\" content=\"index,follow\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/abhiandroid.com\/materialdesign\/\" \/>\r\n","_links":{"self":[{"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":3,"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/pages\/16\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/abhiandroid.com\/materialdesign\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}