Friday, 6 May 2016

Simple recyclerview example with checkbox in Android

Good morning to all, Those who all tried RecyclerView adapter with CheckBox, you all may find the issue on dynamic data change in RecyclerView. This will help you to resolve the issue in very simple way.

Video output of this project

So how to achieve this task effectively?

Simple, I hope you all tried with list objects only. Surely this object will have the boolean variable to know whether this object is selected or not. So now while we are select one object with the help of recyclerview and scroll down and up recyclerview adapter, the checked checkbox's position may change, this reflects on our object also, So how to avaid this issue.

simple, In our recyclerview adapter's onBindViewHolder method, first set the checkedOnChangeListener of checkbox to null, and then set whether this object is selected or not to checkbox, and then add the checkedOnChangeListener to the checkbox. That's all. Issue solved.

onBindViewHolder
will be look like
    @Override
    public void onBindViewHolder(final ViewHolder holder, int position) {

        //in some cases, it will prevent unwanted situations
        holder.checkbox.setOnCheckedChangeListener(null);

        //if true, your checkbox will be selected, else unselected
        holder.checkbox.setChecked(numbers.get(position).isSelected());

        holder.checkbox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                numbers.get(holder.getAdapterPosition()).setSelected(isChecked);
            }
        });
    }
here
numbers
is list of objects.

I hope this post is useful to you. kindly share your feedback as comment here.


Simple RecyclerView example in Android

Simple RecyclerView example with filter option in Android

Source code on GitHub



Thank You



Monday, 2 May 2016

Simple RecyclerView example with filter option in Android

Hi Guys, Maybe you all are expert in terms of using RecyclerView in android. This blog is simple example for using filter option with RecyclerView adapter.



As for now you will instantiate RecyclerView and set the adapter to RecyclerView as following way.
RecyclerView list = (RecyclerView) findViewById(R.id.list);
list.setLayoutManager(new LinearLayoutManager(this));
list.setHasFixedSize(true);
ArrayList<Number> numbers = new ArrayList<>();
String ONEs[] = {"ZERO", "ONE", "TWO", "THREE", "FOUR", "FIVE", "SIX", "SEVEN", "EIGHT", "NINE", "TEN"};
String TENs[] = {"ZERO", "TEN", "TWENTY", "THIRTY", "FOURTY", "FIFTY", "SIXTY",  "SEVENTY", "EIGHTY", "NINETY", "HUNDRED"};
String HUNDREDS[] = {"ZERO", "HUNDRED", "TWO HUNDRED", "THREE HUNDRED", "FOUR HUNDRED", "FIVE HUNDRED", "SIX HUNDRED", "SEVEN HUNDRED", "EIGHT HUNDRED", "NINE HUNDRED", "THOUSAND"};
for (int i = 0; i <= 10; i++) {
    Number number = new Number();
    number.setONEs(i+"");
    number.setTENs(i * 10+"");
    number.setHUNDREDs(i * 100+"");
    number.setTextONEs(ONEs[i]);
    number.setTextTENs(TENs[i]);
    number.setTextHUNDREDs(HUNDREDS[i]);
    this.numbers.add(number);
}
adapter = new NumbersAdapter(this.numbers);
list.setAdapter(adapter);
And also you will create your options menu and inflate SearchView as following way.
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        final MenuItem item = menu.findItem(R.id.action_search);
        final SearchView searchView = (SearchView) MenuItemCompat.getActionView(item);
        searchView.setOnQueryTextListener(this);
        return true;
    }
So by above code your activity/fragment will implement SearchView.OnQueryTextListener. So you will have onQueryTextChange method from this listener. Just change this method like following to start filtering with this adapter.
    @Override
    public boolean onQueryTextChange(String newText) {
        final List<Number> filteredModelList = filter(numbers, newText);
        Log.v("App", newText + ", " + numbers.size() + ", " + filteredModelList.size());
        adapter.animateTo(filteredModelList);
        list.scrollToPosition(0);
        return true;
    }
The filter method from above code will return the filtered list as following.
    private List<Number> filter(List<Number> numbers, String query) {
        query = query.toLowerCase();

        ArrayList<Number> filteredCompanyList = new ArrayList<>();
        for (Number client : numbers) {
            final String textOne = client.getTextONEs().toLowerCase();
            final String textTen = client.getTextTENs().toLowerCase();
            final String textHundred = client.getTextHUNDREDs().toLowerCase();
            final String TENs = client.getTENs();
            final String ONEs = client.getONEs();
            final String HUNDREDs = client.getHUNDREDs();
            if (textOne.contains(query) || TENs.contains(query) || ONEs.contains(query) || HUNDREDs.contains(query) || textTen.contains(query) || textHundred.contains(query)) {
                filteredCompanyList.add(client);
            }
        }
        return filteredCompanyList;
    }
And your adapter will have the following related methods to perform this filter with animation.
    public void animateTo(List<Number> models) {
        applyAndAnimateRemovals(models);
        applyAndAnimateAdditions(models);
        applyAndAnimateMovedItems(models);
    }

    private void applyAndAnimateRemovals(List<Number> newModels) {
        for (int i = numbers.size() - 1; i >= 0; i--) {
            final Number model = numbers.get(i);
            if (!newModels.contains(model)) {
                removeItem(i);
            }
        }
    }

    private void applyAndAnimateAdditions(List<Number> newModels) {
        for (int i = 0, count = newModels.size(); i < count; i++) {
            final Number model = newModels.get(i);
            if (!numbers.contains(model)) {
                addItem(i, model);
            }
        }
    }

    private void applyAndAnimateMovedItems(List<Number> newModels) {
        for (int toPosition = newModels.size() - 1; toPosition >= 0; toPosition--) {
            final Number model = newModels.get(toPosition);
            final int fromPosition = numbers.indexOf(model);
            if (fromPosition >= 0 && fromPosition != toPosition) {
                moveItem(fromPosition, toPosition);
            }
        }
    }

    public Number removeItem(int position) {
        final Number model = numbers.remove(position);
        notifyItemRemoved(position);
        return model;
    }

    public void addItem(int position, Number model) {
        numbers.add(position, model);
        notifyItemInserted(position);
    }

    public void moveItem(int fromPosition, int toPosition) {
        final Number model = numbers.remove(fromPosition);
        numbers.add(toPosition, model);
        notifyItemMoved(fromPosition, toPosition);
    }


I hope this post is useful to you. kindly share your feedback as comment here.


Simple RecyclerView example in Android

Simple recyclerview example with checkbox in Android

Source code on GitHub



Thank You



Wednesday, 23 March 2016

Simple example of Navigation view on both side in Android

Hi guys, you can use NavigationView on both side if you want side menu in both left and right side in Android as following.


Your drawer layout will be
<?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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer1" />
</android.support.v4.widget.DrawerLayout>

And toolbar is added in app_bar_main. So your app_bar_main.xml will be
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_height="match_parent"
    android:background="@drawable/bg"
    android:fitsSystemWindows="true"
    tools:context="com.guna.navigationviewonbothssides.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        app:elevation="0dp">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent"
            app:popupTheme="@style/AppTheme.PopupOverlay">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <ImageButton
                    android:id="@+id/menuLeft"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"
                    android:src="@drawable/ic_menu_white_24dp"
                    android:tint="@color/colorPrimary" />
                <ImageButton
                    android:id="@+id/menuRight"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentEnd="true"
                    android:src="@drawable/ic_menu_white_24dp"
                    android:tint="@color/colorPrimary" />
            </RelativeLayout>
        </android.support.v7.widget.Toolbar>

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

So as you see the above two xml, nav_view will be opened from left to right by taping menuLeft
As well, nav_view2 will be opened from right to left by taping menuRight
And your activity_main_drawer and activity_main_drawer2 will have the Navigation items which will look like as following.
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_camera"
            android:icon="@drawable/ic_menu_camera"
            android:title="Camera" />
        <item
            android:id="@+id/nav_gallery"
            android:icon="@drawable/ic_menu_gallery"
            android:title="Gallery" />
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/ic_menu_slideshow"
            android:title="Slideshow" />
        <item
            android:id="@+id/nav_manage"
            android:icon="@drawable/ic_menu_manage"
            android:title="Tools" />
    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/ic_menu_share"
                android:title="Share" />
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_send"
                android:title="Send" />
        </menu>
    </item>

</menu>

You can handle these NavigationView's in code as following.
public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "You have chosen mail option", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        final DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ImageButton menuLeft = (ImageButton) findViewById(R.id.menuLeft);
        ImageButton menuRight = (ImageButton) findViewById(R.id.menuRight);

        menuLeft.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (drawer.isDrawerOpen(GravityCompat.START)) {
                    drawer.closeDrawer(GravityCompat.START);
                } else {
                    drawer.openDrawer(GravityCompat.START);
                }
            }
        });

        menuRight.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (drawer.isDrawerOpen(GravityCompat.END)) {
                    drawer.closeDrawer(GravityCompat.END);
                } else {
                    drawer.openDrawer(GravityCompat.END);
                }
            }
        });

        NavigationView navigationView1 = (NavigationView) findViewById(R.id.nav_view);
        NavigationView navigationView2 = (NavigationView) findViewById(R.id.nav_view2);
        navigationView1.setNavigationItemSelectedListener(this);
        navigationView2.setNavigationItemSelectedListener(this);
    }

    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else if (drawer.isDrawerOpen(GravityCompat.END)) {
            drawer.closeDrawer(GravityCompat.END);
        } else {
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();
        String text = "";
        if (id == R.id.nav_camera) {
            text = "camera";
        } else if (id == R.id.nav_gallery) {
            text = "gallery";
        } else if (id == R.id.nav_slideshow) {
            text = "slideshow";
        } else if (id == R.id.nav_manage) {
            text = "tools";
        } else if (id == R.id.nav_share) {
            text = "share";
        } else if (id == R.id.nav_send) {
            text = "send";
        } else if (id == R.id.nav_home) {
            text = "home";
        } else if (id == R.id.nav_bar) {
            text = "bar";
        } else if (id == R.id.nav_pool) {
            text = "pool";
        }
        Toast.makeText(this, "You have chosen " + text, Toast.LENGTH_LONG).show();
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        drawer.closeDrawer(GravityCompat.END);
        return true;
    }
}


I hope this post is useful to you. kindly share your feedback as comment here.


NavigationView example in Android

Source code on GitHub



Thank You



Friday, 26 February 2016

NavigationView example in Android

Hi guys, You can use NavigationView from android material design for slide menu in android.


DrawerLayout xml
<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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/drawer_header"
        app:itemIconTint="@color/colorPrimary"
        app:itemTextAppearance="@layout/menu_text_style"
        app:menu="@menu/drawer" />

</android.support.v4.widget.DrawerLayout>
And your drawer header is normal layout, sample header layout drawer_header.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="wrap_content"
    android:gravity="center_vertical"
    android:padding="@dimen/activity_vertical_margin"
    android:background="@drawable/bg"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/app_name"
        android:src="@drawable/ic_account_circle_white_24dp" />

    <TextView
        android:id="@+id/txtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="6dp"
        android:layout_marginStart="6dp"
        android:textAppearance="@style/TextAppearance.AppCompat.Headline"
        android:textColor="@android:color/white" />

</LinearLayout>
And your drawer menu is normal menu resource, sample menu resource code menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/navigation_item_1"
            android:icon="@drawable/ic_home_white_24dp"
            android:title="@string/title_home" />
        <item
            android:id="@+id/navigation_item_2"
            android:icon="@drawable/ic_bookmark_white_24dp"
            android:title="@string/title_bookmarks" />
        <item
            android:id="@+id/navigation_item_3"
            android:icon="@drawable/ic_favorite_white_24dp"
            android:title="@string/title_favorite" />
        <item
            android:id="@+id/navigation_item_4"
            android:icon="@drawable/ic_payment_white_24dp"
            android:title="@string/title_payment" />
        <item
            android:id="@+id/navigation_item_5"
            android:icon="@drawable/ic_settings_white_24dp"
            android:title="@string/title_settings" />
    </group>
</menu>
And you can get this header layout in your java code as like
NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
TextView txtName = (TextView) navigationView.getHeaderView(0).findViewById(R.id.txtName);
txtName.setText(getResources().getString(R.string.title_name));
And you have to implement NavigationView.OnNavigationItemSelectedListener to access the click event of menu items like,
navigationView.setNavigationItemSelectedListener(this);
And, Yes, this interface has the method, it should be implemented as like,
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        int id = item.getItemId();
        int position = 0;
        switch (id) {
            case R.id.navigation_item_1:
                mTitle = getString(R.string.title_home);
                position = 0;
                break;
            case R.id.navigation_item_2:
                mTitle = getString(R.string.title_bookmarks);
                position = 1;
                break;
            case R.id.navigation_item_3:
                mTitle = getString(R.string.title_favorite);
                position = 2;
                break;
            case R.id.navigation_item_4:
                mTitle = getString(R.string.title_payment);
                position = 3;
                break;
            case R.id.navigation_item_5:
                mTitle = getString(R.string.title_settings);
                position = 4;
                break;
        }
        if (getSupportActionBar() != null)
            getSupportActionBar().setTitle(mTitle);
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        
        FragmentManager fragmentManager = getSupportFragmentManager();
        fragmentManager.beginTransaction()
                .replace(R.id.container, PlaceholderFragment.newInstance(position + 1))
                .commit();
        
        return true;
    }


I hope this post is useful to you. kindly share your feedback as comment here.


Simple example of Navigation view on both side in Android

Source code on GitHub



Thank You



Monday, 24 August 2015

Example for using SearchView in ActionBar

Beginning in Android 3.0, using the SearchView widget as an item in the action bar is the preferred way to provide search in your app. Like with all items in the action bar, you can define the SearchView to show at all times, only when there is room, or as a collapsible action, which displays the SearchView as an icon initially, then takes up the entire action bar as a search field when the user clicks the icon.



Create your menu.xml as following.
<menu 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"
    tools:context=".UploadActivity">
    <item
        android:id="@+id/search"
        android:icon="@android:drawable/ic_menu_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        android:title="@string/action_search"
        app:showAsAction="collapseActionView|ifRoom" />
</menu>
Define your searchable.xml as following. Which defines how our searchview behaves.
<?xml version="1.0" encoding="utf-8"?>
<searchable xmlns:android="http://schemas.android.com/apk/res/android"
    android:label="@string/app_name"
    android:hint="@string/action_search" />
In this example Search activity and search result activity both are same. So I defined the activity as follows in my manifest file.
<activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <action android:name="android.intent.action.SEARCH" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            <meta-data
                android:name="android.app.searchable"
                android:resource="@xml/searchable"
                android:value=".UploadActivity"/>
        </activity>
If you want to make it with different activity just re declare the following line result activity.

And our onCreateOptionsMenu in our activity will be
@Override
public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_search, menu);
        SearchManager searchManager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);
        final SearchView searchView = (SearchView) menu.findItem(R.id.search).getActionView();
        // Assumes current activity is the searchable activity
        ComponentName componentName = new ComponentName(getApplicationContext(), MainActivity.class);//getComponentName();
        SearchableInfo info = searchManager.getSearchableInfo(componentName);
        searchView.setSearchableInfo(info);

        searchView.setOnSearchClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.v("App", "setOnSearchClickListener");
                if (searchView.getQuery().length() == 0)
                    searchView.setQuery("", true);
            }
        });
        return true;
}
Add the following line in our onCreate()
handleIntent(getIntent());
And override onNewIndent() in our activity
    @Override
    protected void onNewIntent(Intent intent) {
        super.onNewIntent(intent);
        Log.v("App", "onNewIntent");
        handleIntent(intent);
    }
And do our work in handleIntent() as follows
    private void handleIntent(Intent intent) {

        if (Intent.ACTION_SEARCH.equals(intent.getAction())) {
            String query = intent.getStringExtra(SearchManager.QUERY);
            //use the query to search your data somehow
            Log.v("App", query);
        }
    }


I hope this post is useful to you. kindly share your feedback as comment here.



Source code on GitHub



Thank You


Saturday, 29 November 2014

Simple RecyclerView example in Android

Hi guys, It's been a longtime, herewith I came up with a RecyclerView example, I hope you enjoy this blog too.

 RecyclerView is just an advance for ListView. Hereafter you can use RecyclerView instead of ListView. RecyclerView can do all works performed by ListView. And also RecyclerView is more flexible with large data set. In this blog you can learn how to create a simple RecyclerView and also adapter for this RecyclerView. You can create RecyclerView by using appcompat-v7 support jar.

Code:

MainActivity.java

import android.support.annotation.Nullable;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;
import java.util.List;


public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (savedInstanceState == null) {
            getSupportFragmentManager().beginTransaction()
                    .add(R.id.container, new PlaceholderFragment())
                    .commit();
        }
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {

        RecyclerViewAdapter adapter;
        RecyclerView recyclerView;
        private static List<Model> demoData;

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            return inflater.inflate(R.layout.fragment_main, container, false);
        }

        @Override
        public void onActivityCreated(@Nullable Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            recyclerView = (RecyclerView) getView().findViewById(R.id.myList);
            recyclerView.setHasFixedSize(true);
            LinearLayoutManager llm = new LinearLayoutManager(getActivity());
            llm.setOrientation(LinearLayoutManager.VERTICAL);
            recyclerView.setLayoutManager(llm);

            demoData = new ArrayList<Model>();
            char c = 'A';
            for (byte i = 0; i < 20; i++) {
                Model model = new Model();
                model.name = c++;
                model.age = (byte) (20 + i);
                demoData.add(model);
            }
            adapter = new RecyclerViewAdapter(demoData);
            recyclerView.setAdapter(adapter);
        }
    }
}


RecyclerViewAdapter.java


import android.support.v7.widget.RecyclerView;
import android.util.SparseBooleanArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.List;

public class RecyclerViewAdapter
        extends RecyclerView.Adapter
        <RecyclerViewAdapter.ListItemViewHolder> {

    private List<Model> items;
    private SparseBooleanArray selectedItems;

    RecyclerViewAdapter(List<Model> modelData) {
        if (modelData == null) {
            throw new IllegalArgumentException("modelData must not be null");
        }
        items = modelData;
        selectedItems = new SparseBooleanArray();
    }

    @Override
    public ListItemViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        View itemView = LayoutInflater.
                from(viewGroup.getContext()).
                inflate(R.layout.item_demo_01, viewGroup, false);
        return new ListItemViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(ListItemViewHolder viewHolder, int position) {
        Model model = items.get(position);
        viewHolder.name.setText(String.valueOf(model.name));
        viewHolder.age.setText(String.valueOf(model.age));
        viewHolder.itemView.setActivated(selectedItems.get(position, false));
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    public final static class ListItemViewHolder extends RecyclerView.ViewHolder {
        TextView name;
        TextView age;

        public ListItemViewHolder(View itemView) {
            super(itemView);
            name = (TextView) itemView.findViewById(R.id.txt_name);
            age = (TextView) itemView.findViewById(R.id.txt_age);
        }
    }
}

And your
fragment_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MyActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/myList"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>


Screen shot of this example



I hope this post is useful. kindly share your feedback as comment here.



Simple RecyclerView example with filter option in Android

Simple recyclerview example with checkbox in Android

Source code on GitHub



Thank You



Monday, 19 May 2014

Simple Navigation Drawer example in android

Consider using simple NavigationView instead of this old Navigation drawer, which based on Material design and much simpler and very flexible than this Navigation drawer.

This NavigationDrawer example is developed by using appcompat library project in eclipse kepler.

Code:

MainActivity.java

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.FragmentManager;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.support.v4.widget.DrawerLayout;

public class MainActivity extends ActionBarActivity implements
  NavigationDrawerFragment.NavigationDrawerCallbacks {

 /**
  * Fragment managing the behaviors, interactions and presentation of the
  * navigation drawer.
  */
 private NavigationDrawerFragment mNavigationDrawerFragment;

 /**
  * Used to store the last screen title. For use in
  * {@link #restoreActionBar()}.
  */
 private CharSequence mTitle;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  mNavigationDrawerFragment = (NavigationDrawerFragment) getSupportFragmentManager()
    .findFragmentById(R.id.navigation_drawer);
  mTitle = getTitle();

  // Set up the drawer.
  mNavigationDrawerFragment.setUp(R.id.navigation_drawer,
    (DrawerLayout) findViewById(R.id.drawer_layout));
 }

 @Override
 public void onNavigationDrawerItemSelected(int position) {
  // update the main content by replacing fragments
  FragmentManager fragmentManager = getSupportFragmentManager();
  if (position == 0) {
   fragmentManager.beginTransaction()
     .replace(R.id.container, HomeFragment.newInstance())
     .commit();
  } else if (position == 1) {
   fragmentManager.beginTransaction()
     .replace(R.id.container, MailFragment.newInstance())
     .commit();
  } else if (position == 2) {
   fragmentManager.beginTransaction()
     .replace(R.id.container, SettingsFragment.newInstance())
     .commit();
  }
 }

 //Get the title of current fragment
 public void onSectionAttached(int number) {
  System.out.println(mTitle);
  switch (number) {
  case 1:
   mTitle = getString(R.string.title_section1);
   break;
  case 2:
   mTitle = getString(R.string.title_section2);
   break;
  case 3:
   mTitle = getString(R.string.title_section3);
   break;
  }
 }

 //Change the title of page to current fragments title
 public void restoreActionBar() {
  ActionBar actionBar = getSupportActionBar();
  actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
  actionBar.setDisplayShowTitleEnabled(true);
  actionBar.setTitle(mTitle);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  if (!mNavigationDrawerFragment.isDrawerOpen()) {
   // Only show items in the action bar relevant to this screen
   // if the drawer is not showing. Otherwise, let the drawer
   // decide what to show in the action bar.
   getMenuInflater().inflate(R.menu.main, menu);
   restoreActionBar();
   return true;
  }
  return super.onCreateOptionsMenu(menu);
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
  // Handle action bar item clicks here. The action bar will
  // automatically handle clicks on the Home/Up button, so long
  // as you specify a parent activity in AndroidManifest.xml.
  int id = item.getItemId();
  if (id == R.id.action_settings) {
   return true;
  }
  return super.onOptionsItemSelected(item);
 }
}


Code:

NavigationDrawerFragment.java

import android.support.v7.app.ActionBarActivity;
import android.app.Activity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.content.SharedPreferences;
import android.content.res.Configuration;
import android.os.Bundle;
import android.preference.PreferenceManager;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

/**
 * Fragment used for managing interactions for and presentation of a navigation
 * drawer. See the  design guidelines for a complete explanation of the behaviors
 * implemented here.
 */
public class NavigationDrawerFragment extends Fragment {

 /**
  * Remember the position of the selected item.
  */
 private static final String STATE_SELECTED_POSITION = "selected_navigation_drawer_position";

 /**
  * Per the design guidelines, you should show the drawer on launch until the
  * user manually expands it. This shared preference tracks this.
  */
 private static final String PREF_USER_LEARNED_DRAWER = "navigation_drawer_learned";

 /**
  * A pointer to the current callbacks instance (the Activity).
  */
 private NavigationDrawerCallbacks mCallbacks;

 /**
  * Helper component that ties the action bar to the navigation drawer.
  */
 private ActionBarDrawerToggle mDrawerToggle;

 private DrawerLayout mDrawerLayout;
 private ListView mDrawerListView;
 private View mFragmentContainerView;

 private int mCurrentSelectedPosition = 0;
 private boolean mFromSavedInstanceState;
 private boolean mUserLearnedDrawer;
 private MyDrawerAdapter mMyDrawerAdapter;

 private String[] titles;

 private int[] images, selectedposition;

 public NavigationDrawerFragment() {
 }

 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  // Read in the flag indicating whether or not the user has demonstrated
  // awareness of the
  // drawer. See PREF_USER_LEARNED_DRAWER for details.
  SharedPreferences sp = PreferenceManager
    .getDefaultSharedPreferences(getActivity());
  mUserLearnedDrawer = sp.getBoolean(PREF_USER_LEARNED_DRAWER, false);

  if (savedInstanceState != null) {
   mCurrentSelectedPosition = savedInstanceState
     .getInt(STATE_SELECTED_POSITION);
   mFromSavedInstanceState = true;
  }

  // Select either the default item (0) or the last selected item.
  selectItem(mCurrentSelectedPosition);
 }

 @Override
 public void onActivityCreated(Bundle savedInstanceState) {
  super.onActivityCreated(savedInstanceState);
  // Indicate that this fragment would like to influence the set of
  // actions in the action bar.
  setHasOptionsMenu(true);
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
  mDrawerListView = (ListView) inflater.inflate(
    R.layout.fragment_navigation_drawer, container, false);
  mDrawerListView
    .setOnItemClickListener(new AdapterView.OnItemClickListener() {
     @Override
     public void onItemClick(AdapterView<?> parent, View view,
       int position, long id) {
      if (position == 0) {
       images[0] = R.drawable.home_blue;
       images[1] = R.drawable.mail_yellow;
       images[2] = R.drawable.settings_yellow;
      } else if (position == 1) {
       images[0] = R.drawable.home_yellow;
       images[1] = R.drawable.mail_blue;
       images[2] = R.drawable.settings_yellow;
      } else if (position == 2) {
       images[0] = R.drawable.home_yellow;
       images[1] = R.drawable.mail_yellow;
       images[2] = R.drawable.settings_blue;
      }
      selectedposition[0] = position;
      mMyDrawerAdapter.notifyDataSetChanged();
      selectItem(position);
     }
    });

  titles = new String[] { getString(R.string.title_section1),
    getString(R.string.title_section2),
    getString(R.string.title_section3) };
  images = new int[] { R.drawable.home_blue, R.drawable.mail_yellow,
    R.drawable.settings_yellow };
  selectedposition = new int[] { mCurrentSelectedPosition };

  mMyDrawerAdapter = new MyDrawerAdapter(getActivity(), titles, images,
    selectedposition);
  mDrawerListView.setAdapter(mMyDrawerAdapter);
  mDrawerListView.setItemChecked(mCurrentSelectedPosition, true);
  return mDrawerListView;
 }

 public boolean isDrawerOpen() {
  return mDrawerLayout != null
    && mDrawerLayout.isDrawerOpen(mFragmentContainerView);
 }

 /**
  * Users of this fragment must call this method to set up the navigation
  * drawer interactions.
  * 
  * @param fragmentId
  *            The android:id of this fragment in its activity's layout.
  * @param drawerLayout
  *            The DrawerLayout containing this fragment's UI.
  */
 public void setUp(int fragmentId, DrawerLayout drawerLayout) {
  mFragmentContainerView = getActivity().findViewById(fragmentId);
  mDrawerLayout = drawerLayout;

  // set a custom shadow that overlays the main content when the drawer
  // opens
  mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow,
    GravityCompat.START);
  // set up the drawer's list view with items and click listener

  ActionBar actionBar = getActionBar();
  actionBar.setDisplayHomeAsUpEnabled(true);
  actionBar.setHomeButtonEnabled(true);

  // ActionBarDrawerToggle ties together the the proper interactions
  // between the navigation drawer and the action bar app icon.
  mDrawerToggle = new ActionBarDrawerToggle(getActivity(), /* host Activity */
  mDrawerLayout, /* DrawerLayout object */
  R.drawable.ic_drawer, /* nav drawer image to replace 'Up' caret */
  R.string.navigation_drawer_open, /*
           * "open drawer" description for
           * accessibility
           */
  R.string.navigation_drawer_close /*
           * "close drawer" description for
           * accessibility
           */
  ) {
   @Override
   public void onDrawerClosed(View drawerView) {
    super.onDrawerClosed(drawerView);
    if (!isAdded()) {
     return;
    }

    getActivity().supportInvalidateOptionsMenu(); // calls
                // onPrepareOptionsMenu()
   }

   @Override
   public void onDrawerOpened(View drawerView) {
    super.onDrawerOpened(drawerView);
    if (!isAdded()) {
     return;
    }

    if (!mUserLearnedDrawer) {
     // The user manually opened the drawer; store this flag to
     // prevent auto-showing
     // the navigation drawer automatically in the future.
     mUserLearnedDrawer = true;
     SharedPreferences sp = PreferenceManager
       .getDefaultSharedPreferences(getActivity());
     sp.edit().putBoolean(PREF_USER_LEARNED_DRAWER, true)
       .commit();
    }

    getActivity().supportInvalidateOptionsMenu(); // calls
                // onPrepareOptionsMenu()
   }
  };

  // If the user hasn't 'learned' about the drawer, open it to introduce
  // them to the drawer,
  // per the navigation drawer design guidelines.
  if (!mUserLearnedDrawer && !mFromSavedInstanceState) {
   mDrawerLayout.openDrawer(mFragmentContainerView);
  }

  // Defer code dependent on restoration of previous instance state.
  mDrawerLayout.post(new Runnable() {
   @Override
   public void run() {
    mDrawerToggle.syncState();
   }
  });

  mDrawerLayout.setDrawerListener(mDrawerToggle);
 }

 private void selectItem(int position) {
  mCurrentSelectedPosition = position;
  if (mDrawerListView != null) {
   mDrawerListView.setItemChecked(position, true);
  }
  if (mDrawerLayout != null) {
   mDrawerLayout.closeDrawer(mFragmentContainerView);
  }
  if (mCallbacks != null) {
   mCallbacks.onNavigationDrawerItemSelected(position);
  }
 }

 @Override
 public void onAttach(Activity activity) {
  super.onAttach(activity);
  try {
   mCallbacks = (NavigationDrawerCallbacks) activity;
  } catch (ClassCastException e) {
   throw new ClassCastException(
     "Activity must implement NavigationDrawerCallbacks.");
  }
 }

 @Override
 public void onDetach() {
  super.onDetach();
  mCallbacks = null;
 }

 @Override
 public void onSaveInstanceState(Bundle outState) {
  super.onSaveInstanceState(outState);
  outState.putInt(STATE_SELECTED_POSITION, mCurrentSelectedPosition);
 }

 @Override
 public void onConfigurationChanged(Configuration newConfig) {
  super.onConfigurationChanged(newConfig);
  // Forward the new configuration the drawer toggle component.
  mDrawerToggle.onConfigurationChanged(newConfig);
 }

 @Override
 public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
  // If the drawer is open, show the global app actions in the action bar.
  // See also
  // showGlobalContextActionBar, which controls the top-left area of the
  // action bar.
  if (mDrawerLayout != null && isDrawerOpen()) {
   inflater.inflate(R.menu.global, menu);
   showGlobalContextActionBar();
  }
  super.onCreateOptionsMenu(menu, inflater);
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
  if (mDrawerToggle.onOptionsItemSelected(item)) {
   return true;
  }

  if (item.getItemId() == R.id.action_example) {
   Toast.makeText(getActivity(), "Example action.", Toast.LENGTH_SHORT)
     .show();
   return true;
  }

  return super.onOptionsItemSelected(item);
 }

 /**
  * Per the navigation drawer design guidelines, updates the action bar to
  * show the global app 'context', rather than just what's in the current
  * screen.
  */
 private void showGlobalContextActionBar() {
  ActionBar actionBar = getActionBar();
  actionBar.setDisplayShowTitleEnabled(true);
  actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
  actionBar.setTitle(R.string.app_name);
 }

 private ActionBar getActionBar() {
  return ((ActionBarActivity) getActivity()).getSupportActionBar();
 }

 /**
  * Callbacks interface that all activities using this fragment must
  * implement.
  */
 public static interface NavigationDrawerCallbacks {
  /**
   * Called when an item in the navigation drawer is selected.
   */
  void onNavigationDrawerItemSelected(int position);
 }
}
Creare the custom adapter class for this navigation drawer listview.

Code:

MyDrawerAdapter.java

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyDrawerAdapter extends BaseAdapter {

 private Context context;
 private String[] titles;
 private int[] images;
 private LayoutInflater inflater;
 private int[] selectedposition;

 public MyDrawerAdapter(Context context, String[] titles, int[] images,
   int[] selectedposition) {
  // TODO Auto-generated constructor stub
  this.context = context;
  this.titles = titles;
  this.images = images;
  this.inflater = LayoutInflater.from(this.context);
  this.selectedposition = selectedposition;
 }

 @Override
 public int getCount() {
  // TODO Auto-generated method stub
  return titles.length;
 }

 @Override
 public Object getItem(int position) {
  // TODO Auto-generated method stub
  return null;
 }

 @Override
 public long getItemId(int position) {
  // TODO Auto-generated method stub
  return 0;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  // TODO Auto-generated method stub

  ViewHolder mViewHolder;
  if (convertView == null) {
   convertView = inflater.inflate(R.layout.drawer_list, null);
   mViewHolder = new ViewHolder();
   convertView.setTag(mViewHolder);
  } else {
   mViewHolder = (ViewHolder) convertView.getTag();
  }

  mViewHolder.tvTitle = (TextView) convertView
    .findViewById(R.id.textView1);
  mViewHolder.ivIcon = (ImageView) convertView
    .findViewById(R.id.imageView1);

  mViewHolder.tvTitle.setText(titles[position]);
  mViewHolder.ivIcon.setImageResource(images[position]);

  //Highlight the selected list item
  if (position == selectedposition[0]) {
   convertView.setBackgroundColor(Color.WHITE);
   mViewHolder.tvTitle.setTextColor(Color.BLUE);
  } else {
   convertView.setBackgroundColor(Color.TRANSPARENT);
   mViewHolder.tvTitle.setTextColor(Color.WHITE);
  }

  return convertView;
 }

 private class ViewHolder {
  TextView tvTitle;
  ImageView ivIcon;
 }
}
That's all, we have created Navigation Drawer, Now we have to attach Fragment for each item in Drawer, So first our HomeFragment class would be

Code:

HomeFragment.java

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class HomeFragment extends Fragment {

 /**
  * Returns a new instance of this fragment for the given section number.
  */
 public static HomeFragment newInstance() {
  HomeFragment fragment = new HomeFragment();
  return fragment;
 }

 public HomeFragment() {
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
  View rootView = inflater.inflate(R.layout.fragment_home, container,
    false);
  return rootView;
 }

 @Override
 public void onAttach(Activity activity) {
  super.onAttach(activity);
  ((MainActivity) activity).onSectionAttached(1);
 }

}
Now our MailFragment class would be

Code:

MailFragment.java


import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MailFragment extends Fragment {

 /**
  * Returns a new instance of this fragment for the given section number.
  */
 public static MailFragment newInstance() {
  MailFragment fragment = new MailFragment();
  return fragment;
 }

 public MailFragment() {
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {
  View rootView = inflater.inflate(R.layout.fragment_mail, container,
    false);
  return rootView;
 }

 @Override
 public void onAttach(Activity activity) {
  super.onAttach(activity);
  ((MainActivity) activity).onSectionAttached(2);
 }

}

And your
activity_main.xml


<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.android.navigationdrawer.MainActivity" >

    <!--  As the main content view, the view below consumes the entire space available using match_parent in both dimensions. -->

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <!-- android:layout_gravity="start" tells DrawerLayout to treat this as a sliding drawer on the left side for left-to-right          languages and on the right side for right-to-left languages. If you're not building against API 17 or higher, use  android:layout_gravity="left" instead. -->
    <!-- The drawer is given a fixed width in dp and extends the full height of the container. -->

    <fragment
        android:id="@+id/navigation_drawer"
        android:name="com.android.navigationdrawer.NavigationDrawerFragment"
        android:layout_width="@dimen/navigation_drawer_width"
        android:layout_height="match_parent"
        android:layout_gravity="start" />

</android.support.v4.widget.DrawerLayout>

And your
fragment_navigation_drawer.xml

<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#333333"
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp"
    tools:context="com.android.navigationdrawer.NavigationDrawerFragment" />

And your
drawer_list.xml


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_margin="10dp"
        android:layout_weight=".5"
        android:src="@drawable/home_blue" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_margin="10dp"
        android:layout_marginLeft="5dp"
        android:layout_weight="1.5"
        android:gravity="left|center_vertical"
        android:text="TextView" />

</LinearLayout>

And your
fragment_home.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#0200E4"
    android:gravity="center"
    tools:context="com.android.navigationdrawer.MainActivity$HomeFragment" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="You are in home fragment!"
        android:textColor="#ffffff"
        android:textSize="20sp"
        android:textStyle="bold|italic" />

</LinearLayout>

And your
fragment_mail.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#B70CE8"
    android:gravity="center"
    tools:context="com.android.navigationdrawer.MainActivity$HomeFragment" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="You are in mail fragment!"
        android:textColor="#ffffff"
        android:textSize="20sp"
        android:textStyle="bold|italic" />

</LinearLayout>

And your
fragment_settings.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FF0000"
    android:gravity="center"
    tools:context="com.android.navigationdrawer.MainActivity$HomeFragment" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="You are in settings fragment!"
        android:textColor="#ffffff"
        android:textSize="20sp"
        android:textStyle="bold|italic" />

</LinearLayout>

And your
res/menu/global.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" >

    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never"/>

</menu>

And your
res/menu/menu.xml

<menu 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"
    tools:context="com.android.navigationdrawer.MainActivity" >

    <item
        android:id="@+id/action_example"
        android:title="@string/action_example"
        app:showAsAction="withText|ifRoom"/>
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never"/>

</menu>
That's all, You can run your code. If you want to customize your ActionBar try the following code.
Create a xml called
res/values/myactionbar.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme" parent="@style/Theme.AppCompat">

        <!-- Support library compatibility -->
        <item name="actionBarStyle">@style/MyActionBar</item>
        <item name="actionBarTabTextStyle">@style/MyActionBarTabText</item>
        <item name="actionMenuTextColor">@android:color/white</item>
    </style>

    <!-- ActionBar styles -->
    <style name="MyActionBar" parent="@style/Widget.AppCompat.ActionBar">

        <!-- Support library compatibility -->
        <item name="titleTextStyle">@style/MyActionBarTitleText</item>
        <item name="background">@drawable/actionbar_background</item>
    </style>

    <!-- ActionBar title text -->
    <style name="MyActionBarTitleText" parent="@style/TextAppearance.AppCompat.Widget.ActionBar.Title">
        <item name="android:textColor">@android:color/white</item>
        
    </style>

    <!-- ActionBar tabs text -->
    <style name="MyActionBarTabText" parent="@style/Widget.AppCompat.ActionBar.TabText">
        <item name="android:textColor">@android:color/white</item>
        <!-- The textColor property is backward compatible with the Support Library -->
    </style>

</resources>

And your
res/drawable/actionbar_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#333333" />

</shape>


Screen shots of this example




Simple Sliding Menu Example in Android

I hope this post is useful. kindly share your feedback as comment here.


Thank You