How to create product list using Awesome Material?

Tags: , , ,

 

Awesome Material is ready to use UI collections For Google Material Design and contains 280+ UI Layouts, 30+ Features, 4+ Apps and 80+ Android Based UI. Moreover, it is easy to adopt UI collection framework for everyone so we believe that accelerate the process of UI/UX development at your android app development.

From those 30+ Features, we would like to show one example for how to product list screen into you project.

Step 1

First of all, you need to go our Online User Guide Documentation  then go to “Features UI” from menu then find out for “Grid UI Collection” and click for “Item List 1”.

You would see like this for which files need to copy for this screen.

 

Step 2

You need to create new project from Android Studio then you would see like this after created it.

Step 3

You need to copy from necessary files first into your project from Awesome Material according the note.

Step 4

We assume that you are copied already for those necessary files and folder into your project. Then you still need to copy 7 files for Product List Screen.

  • activity/feature/list/ecommerce/FeatureListECommerceItemList1Activity.java
  • adapter/feature/list/ecommerce/FeatureListECommerceItemList1Adapter.java
  • object/ShopItem.java
  • repository/ecommerce/ShopItemRepository.java
  • layout/feature_list_ecommerce_item_list_1_activity.xml
  • layout/feature_list_ecommerce_item_list_1_item.xml
  • menu/menu_search_basket.xml

So, you goes to FeatureListECommerceItemList1Activity.java from Awesome Material Project. Then you copy all codes into your MainActivity.java

 

As the next, you copy for the java files for FeatureListECommerceItemList1Adapter.java, ShopItem.java, ShopItemRepository.java  into your project.  Then you copy for xml layout file such as feature_list_ecommerce_item_list_1_activity.xml,  feature_list_ecommerce_item_list_1_item.xml and menu_search_basket.xml

Now I assume that you already copied for all necessary java and xml file into your project. But you still need to copy for some necessary drawable(hdpi, mdpi, xhdpi, xxhdpi) images for xml layout file also.

At this time if you run the app, you will see like this product list at Emulator.

 

Oh! Product images are missing right? Don’t worry about it. I would explain why missing for those images. Please open ShopItemRepository.java then find out “image_name” which is the image name from drawable folder so you need to copy those images.

Now you build the project and see on Emulator and worked like a charm.

 

If you want more ready to use UI collections for your Android App, you could buy “Awesome Material” at Codecanyon Market Place.



 

Moreover, if you have the feedback or suggestion for new UI or doing business with us for software development, you could drop the message to teamps.is.cool@gmail.com 

 

You could download the sample project for this Tutorial on Github Repo.