Skip to main content

List an Category with Sub-category using NavigationView with ExpandableListView




build.gradle



    compile 'com.android.support:design:26.+'

**activity_main.xml**

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:id="@+id/drawer"
        android:layout_height="match_parent"
        tools:context="np.com.sitalmandal.nav.MainActivity">
   
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
   
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="Home"/>
    </LinearLayout>
   
        <android.support.design.widget.NavigationView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:menu="@menu/nav_menu"
            android:layout_gravity="start"
            >
   
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical">
   
                <ExpandableListView
                    android:id="@+id/lvExp"
                    android:layout_height="match_parent"
                    android:layout_width="match_parent"
                    android:cacheColorHint="#00000000"/>
   
            </LinearLayout>
        </android.support.design.widget.NavigationView>
    </android.support.v4.widget.DrawerLayout>

**list_group.xml**
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="8dp"
        android:background="#fff">
   
   
        <TextView
            android:id="@+id/lblListHeader"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft"
            android:textSize="17dp"
            android:textColor="#000" />
   
    </LinearLayout>

**list_item.xml**


    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="55dip"
        android:orientation="vertical" >
   
        <TextView
            android:id="@+id/lblListItem"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="17dip"
            android:paddingTop="5dp"
            android:paddingBottom="5dp"
            android:textColor="#000"
            android:paddingLeft="?android:attr/expandableListPreferredChildPaddingLeft" />
   
    </LinearLayout>


**"menu" directory-> nav_menu.xml**

    <?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:id="@+id/action_settings"
            android:orderInCategory="100"
            android:showAsAction="never"
            android:title="@string/action_settings"/>
    </menu>


**MainActivity.java**

 

     public class MainActivity extends AppCompatActivity {

       private DrawerLayout mDrawerLayout;
        private ActionBarDrawerToggle mToggle;
   
        ExpandableListAdapter listAdapter;
        ExpandableListView expListView;
        List<String> listDataHeader;
        HashMap<String, List<String>> listDataChild;
   
   
   
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
   
            // Nav
            setContentView(R.layout.activity_main);
            mDrawerLayout= (DrawerLayout) findViewById(R.id.drawer);
            mToggle=new ActionBarDrawerToggle(this,mDrawerLayout,R.string.open,R.string.close);
            mDrawerLayout.addDrawerListener(mToggle);
            mToggle.syncState();
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
   
            // End Nav
   
   
   
   
            // get the listview
            expListView = (ExpandableListView) findViewById(R.id.lvExp);
   
            // preparing list data
            prepareListData();
   
            listAdapter = new ExpandableListAdapter(this, listDataHeader, listDataChild);
   
            // setting list adapter
            expListView.setAdapter(listAdapter);
   
            // Listview Group click listener
            expListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
   
                @Override
                public boolean onGroupClick(ExpandableListView parent, View v,
                                            int groupPosition, long id) {
                    // Toast.makeText(getApplicationContext(),
                    // "Group Clicked " + listDataHeader.get(groupPosition),
                    // Toast.LENGTH_SHORT).show();
                    return false;
                }
            });
   
            // Listview Group expanded listener
            expListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
   
                @Override
                public void onGroupExpand(int groupPosition) {
                    Toast.makeText(getApplicationContext(),
                            listDataHeader.get(groupPosition) + " Expanded",
                            Toast.LENGTH_SHORT).show();
                }
            });
   
            // Listview Group collasped listener
            expListView.setOnGroupCollapseListener(new ExpandableListView.OnGroupCollapseListener() {
   
                @Override
                public void onGroupCollapse(int groupPosition) {
                    Toast.makeText(getApplicationContext(),
                            listDataHeader.get(groupPosition) + " Collapsed",
                            Toast.LENGTH_SHORT).show();
   
                }
            });
   
            // Listview on child click listener
            expListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
   
                @Override
                public boolean onChildClick(ExpandableListView parent, View v,
                                            int groupPosition, int childPosition, long id) {
                    // TODO Auto-generated method stub
                    Toast.makeText(
                            getApplicationContext(),
                            listDataHeader.get(groupPosition)
                                    + " : "
                                    + listDataChild.get(
                                    listDataHeader.get(groupPosition)).get(
                                    childPosition), Toast.LENGTH_SHORT)
                            .show();
                    return false;
                }
            });
   
        }
   
        @Override
        public boolean onOptionsItemSelected(MenuItem item)
        {
            if ( mToggle.onOptionsItemSelected(item))
            {
                return true;
            }
            return super.onOptionsItemSelected(item);
   
        }
   
   
   
        /*
         * Preparing the list data
         */
        private void prepareListData() {
            listDataHeader = new ArrayList<String>();
            listDataChild = new HashMap<String, List<String>>();
   
            // Adding child data
            listDataHeader.add("Phones & Tablets");
            listDataHeader.add("Man's Fashion");
            listDataHeader.add("Woman's Fashion");
            listDataHeader.add("Coming Soon..");
   
            // Adding child data
            List<String> phonetablets = new ArrayList<String>();
            phonetablets.add("Samsung");
            phonetablets.add("Apple");
            phonetablets.add("TABLETS: Part II");
            phonetablets.add("Samsung");
            phonetablets.add("Apple");
            phonetablets.add("Huawei");
   
   
            List<String> manfashions = new ArrayList<String>();
            manfashions.add("T-shirts");
            manfashions.add("Shirts");
            manfashions.add("Jackets & Coats");
            manfashions.add("Windcheater");
            manfashions.add("Hoodies");
            manfashions.add("Sports Wear");
   
            List<String> womanfashions = new ArrayList<String>();
            womanfashions.add("shirts");
            womanfashions.add("Windcheater");
            womanfashions.add("Hoodies");
            womanfashions.add("The Canyons");
            womanfashions.add("Sports");
   
   
            List<String> comingSoon = new ArrayList<String>();
            comingSoon.add("2 Guns");
            comingSoon.add("The Smurfs 2");
            comingSoon.add("The Spectacular Now");
            comingSoon.add("The Canyons");
            comingSoon.add("Europa Report");
   
   
   
            listDataChild.put(listDataHeader.get(0), phonetablets); // Header, Child data
            listDataChild.put(listDataHeader.get(1), manfashions);
            listDataChild.put(listDataHeader.get(2), womanfashions);
            listDataChild.put(listDataHeader.get(3), comingSoon);
   
        }
    }

Comments

Post a Comment

Popular posts from this blog

web2apk

http://web2apk.com/create.aspx Create App   Intro   About   Changes   MalWare ?   Contact   Privacy Useful Links Bluetooth Mini Keyboards Android Mini PC Reset Android URL App Title Icon or
Post a Comment
Read more

Android Bar Chart Using MpAndroidChart Library Tutorial

https://www.numetriclabz.com/android-bar-chart-using-mpandroidchart-library-tutorial/ Android Bar Chart Using MpAndroidChart Library Tutorial Objective In this tutorial we learn how to implement Bar Chart using MpAndroidChart Library in your Android App. Download Source Code       Step 1 Contents ·        1  Introduction ·        2  Creating Bar chart o    2.1  Create a new Project o    2.2  Adding library in Project o    2.3  Create Layout o    2.4  To Plot Bar Chart §   2.4.1  Initialize the graph id §   2.4.2  Creating a Dataset §   2.4.3  Defining X-axis labels §   2.4.4  Set the data §   2.4.5  Add the description to the chart §   2.4.6  Run your App § ...
2 comments
Read more

how to retrieve image from sqlite database in android and display in listview

 Android platform provides several ways to store data in our application. 1. SQLite database 2. SharedPreferences etc For our post, we will only work with SQLite database. First and foremost, we need to understand what an SQLite database is? SQLite database  is an open source SQL database that stores data to a text file on a device. It executes SQL Commands to perform a set of functions, that is, create, read, update and delete operations. On my previous post, I showed how to  store data in SQLite database from edit text, retrieve and populate it in a listview . For this post, I will show the SQLite CRUD operations with images from gallery and text from EditText. We need to understand this; images are stored in SQLite database as BLOB data type. A BLOB is a large binary object that can hold a variable amount of data.  Note, we can only store images in the database as BLOB data type. We need to convert our image path to a bitmap th...
1 comment
Read more