Method to add events from your Android App to default Calendar application

Please pass required parameters to the below method in order add events to default Calendar in android . 

Add Calendar and Accounts permission to manifest. And Also ask for Calendar Runtime permission for 6.0.

 Accounts permission is normal permission so Runtime implementation for same is not required.

 1. Manifest File

<uses-permission android:name="android.permission.GET_ACCOUNTS"/>
<uses-permission android:name="android.permission.READ_CALENDAR"/>
<uses-permission android:name="android.permission.WRITE_CALENDAR"/>
    

2. Methods to add event to Calendar (Modify as per need)

//here you can pass a model class which will contains all your values instead of many parameters


private  void addEventToCalendar(Activity activity,String title,String startDateStr,String startTime,
String endDateStr,String endTime,String eventDescription) {
   
//Getting google accounts linked here 
 Account[] accounts = AccountManager.get(activity).getAccountsByType(
                "com.google");
        String accountName="";
        for (Account acc : accounts) {
            Log.d(">>>>>>>", "Name: " + acc.name + "-----Type: " + acc.type);
            accountName = acc.name;
        }
//Getting required calendar ID here
        long calID = getCalendarId(activity,accountName);
        long startMillis = 0;
        long endMillis = 0;
        Date startDate = null;
//Converting date/time as per need
        try {
            startDate = new SimpleDateFormat("yyyy-MM-dd hh:mmaa", Locale.ENGLISH).parse(startDateStr+" "+startTime);
        } catch (ParseException e1) {
            e1.printStackTrace();
        }
        startMillis = startDate.getTime();
        Date endDate = null;
        try {
            endDate = new SimpleDateFormat("yyyy-MM-dd hh:mmaa", Locale.ENGLISH).parse(endDateStr+" "+endTime);
        } catch (ParseException e) {
            e.printStackTrace();
        }
        endMillis = endDate.getTime();

//Creating  content values which will be used to enter data from a query into calendar content resolver

ContentResolver cr = activity.getContentResolver();
        ContentValues values = new ContentValues();
        values.put(CalendarContract.Events.DTSTART, startMillis);
        values.put(CalendarContract.Events.DTEND, endMillis);
        values.put(CalendarContract.Events.TITLE, title);
        values.put(CalendarContract.Events.DESCRIPTION,eventDescription);
        values.put(CalendarContract.Events.CALENDAR_ID, calID);
        values.put(CalendarContract.Events.EVENT_TIMEZONE, Calendar.getInstance().getTimeZone().getDisplayName());
        try
        {
// Executing query to enter event into the calendar here
            Uri uri = cr.insert(CalendarContract.Events.CONTENT_URI, values);
        }
        catch(Exception e)
        {
            e.printStackTrace();
        }
    }
 
 
  private static long getCalendarId(Activity activity,String MY_ACCOUNT_NAME) {
        String[] projection = new String[] { BaseColumns._ID };
        String selection = CalendarContract.Calendars.ACCOUNT_NAME + " = ?";
        String[] selArgs = new String[] { MY_ACCOUNT_NAME };
        Cursor cursor = activity.getContentResolver().query(
                CalendarContract.Calendars.CONTENT_URI, projection, selection, selArgs, null);
        if (cursor.moveToFirst()) {
            return cursor.getLong(0);
        }
        return -1;
    }

References : http://developer.android.com/index.html

Handling GCM Push Notifications in Android Flavors

In Android Flavors generally we have different package names in our single app for flavours.

When implementing GCM Push Notifications in our android app in case of Flavors there is very little thing that we need to do differently.

Since our Package Name i.e application id is going to be different for different Flavors then push notifications going to be a problem in that case.

Below is the permissions that we generally declare in manifest file when using GCM.
   

 <!-- GCM requires a Google account. -->
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />

    <!-- Creates a custom permission so only this app can receive its messages. -->
    <permission
        android:name="yourpackagename.permission.C2D_MESSAGE"
        android:protectionLevel="signature" />

    <uses-permission android:name="yourpackagename.permission.C2D_MESSAGE" />

    <!-- This app has permission to register and receive data message. -->
    <uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />

   
   
    Now suppose if we are implementing flavours then way of defining these permissions will change.
    Suppose we have below flavours in our build.gradle.
   

    productFlavors {
                        paid
                    {
                        applicationId "com.example.paid"
                        versionCode 1
                        versionName "1.0"
                    }
                        free
                    {
                        applicationId "com.example.free"
                        versionCode 1
                        versionName "1.0"
                    }
                }

               
           
Now when running GCM according to different variants will be a problem. GCM will work accordingly whose permission with package name is defined in manifest.

So add runtime Package Name to the manifest permissions in case of Android Flavors. Below is how can we declare single permissions for multiple Android Flavors in android manifest file.
   
   

    <!-- GCM notifications permissions-->


    <uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" />

    

    <uses-permission android:name="android.permission.GET_ACCOUNTS" />

    

    <permission android:name="${applicationId}.permission.C2D_MESSAGE"

        android:protectionLevel="signature" />

    

    <uses-permission android:name="${applicationId}.permission.C2D_MESSAGE" />

    

   

Here ${applicationId} will be replaced by the applicationId of the running build variant defined in build.gradle of the app.


Cheers!!

Dialog to pick a image From Camera Or Gallery

Mostly we require to get an image from camera or gallery in our apps ,So here how to go about it :-
Tested this code on 5.1 android lolipop works fine hope this helps all :-)

1. CameraActivity.java

public class CameraActivity extends Activity {

Uri outputFileUri;

String selectedImagePath = "";

ImageView mUserImage;



@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

setContentView(R.layout.camera);

initiViews();

}



private void initiViews() {



mUserImage = (ImageView) findViewById(R.id.mUserImage);



mUserImage.setOnClickListener(new OnClickListener() {



@Override

public void onClick(View arg0) {



popmenu();

}

});



}



void popmenu() {

final Dialog dialog = new Dialog(CameraActivity.this);

dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);

dialog.setContentView(R.layout.cameradialog);

dialog.getWindow().setBackgroundDrawable(

new ColorDrawable(android.graphics.Color.TRANSPARENT));

Button mCamerabtn = (Button) dialog.findViewById(R.id.cameradialogbtn);

Button mGallerybtn = (Button) dialog

.findViewById(R.id.gallerydialogbtn);

Button btnCancel = (Button) dialog.findViewById(R.id.canceldialogbtn);



dialog.getWindow().setLayout(LayoutParams.FILL_PARENT,

LayoutParams.FILL_PARENT);



mCamerabtn.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

File file = new File(Environment.getExternalStorageDirectory(),

"test.jpg");



outputFileUri = Uri.fromFile(file);

Log.d("TAG", "outputFileUri intent" + outputFileUri);

intent.putExtra(MediaStore.EXTRA_OUTPUT, outputFileUri);

startActivityForResult(intent, 0);



dialog.cancel();

}

});



mGallerybtn.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {



Intent intent = new Intent(Intent.ACTION_PICK);

intent.setType("image/*");

startActivityForResult(intent, 1);

dialog.cancel();

}

});



btnCancel.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

dialog.cancel(); // dismissing the popup

}

});



dialog.show();



}



public void onActivityResult(int requestCode, int resultCode, Intent data) {

super.onActivityResult(requestCode, resultCode, data);



switch (requestCode) {

case 0:

if (resultCode == RESULT_OK) {

Log.d("TAG", "outputFileUri RESULT_OK" + outputFileUri);

if (outputFileUri != null) {



Bitmap bitmap;

bitmap = decodeSampledBitmapFromUri(outputFileUri,

mUserImage.getWidth(), mUserImage.getHeight());



if (bitmap == null) {

Toast.makeText(

getApplicationContext(),

"the image data could not be decoded"

+ outputFileUri.getPath(),

Toast.LENGTH_LONG).show();



} else {

selectedImagePath = getRealPathFromURI(CameraActivity.this,outputFileUri);// outputFileUri.getPath().

Toast.makeText(

getApplicationContext(),

"Decoded Bitmap: " + bitmap.getWidth() + " x "

+ bitmap.getHeight()

+ outputFileUri.getPath(),

Toast.LENGTH_LONG).show();

mUserImage.setImageBitmap(bitmap);

}

}

}

break;

case 1:

if (resultCode == RESULT_OK) {

Uri targetUri = data.getData();

Log.d("TAG", "datae" + targetUri);

Bitmap bitmap;

bitmap = decodeSampledBitmapFromUri(targetUri,

mUserImage.getWidth(), mUserImage.getHeight());



if (bitmap == null) {

Toast.makeText(

getApplicationContext(),

"the image data could not be decoded"

+ targetUri.getPath(), Toast.LENGTH_LONG)

.show();



} else {

selectedImagePath = getPath(targetUri);// targetUri.getPath();

Toast.makeText(

getApplicationContext(),

"Decoded Bitmap: " + bitmap.getWidth() + " x "

+ bitmap.getHeight() + targetUri.getPath(),

Toast.LENGTH_LONG).show();

mUserImage.setImageBitmap(bitmap);

}

}

break;



default:

break;

}

}



public String getPath(Uri uri) {

String[] projection = { MediaStore.Images.Media.DATA };

Cursor cursor = managedQuery(uri, projection, null, null, null);

int column_index = cursor

.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);

cursor.moveToFirst();

return cursor.getString(column_index);

}



public String getRealPathFromURI(Context context, Uri contentUri) {

    Cursor cursor = null;

    try {



        if("content".equals(contentUri.getScheme())) {

            String[] proj = {MediaStore.Images.Media.DATA};

            cursor = context.getContentResolver().query(contentUri, proj, null, null, null);

            int column_index = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);

            cursor.moveToFirst();

            return cursor.getString(column_index);

        }

        else{

            return contentUri.getPath();

        }





    } finally {

        if (cursor != null) {

            cursor.close();

        }

    }

}   



public Bitmap decodeSampledBitmapFromUri(Uri uri, int reqWidth,

int reqHeight) {



Bitmap bm = null;



try {

// First decode with inJustDecodeBounds=true to check dimensions

final BitmapFactory.Options options = new BitmapFactory.Options();

options.inJustDecodeBounds = true;

BitmapFactory.decodeStream(getContentResolver()

.openInputStream(uri), null, options);



// Calculate inSampleSize

options.inSampleSize = calculateInSampleSize(options, reqWidth,

reqHeight);



// Decode bitmap with inSampleSize set

options.inJustDecodeBounds = false;

bm = BitmapFactory.decodeStream(getContentResolver()

.openInputStream(uri), null, options);

} catch (FileNotFoundException e) {

e.printStackTrace();

Toast.makeText(getApplicationContext(), e.toString(),

Toast.LENGTH_LONG).show();

}



return bm;

}



public int calculateInSampleSize(BitmapFactory.Options options,

int reqWidth, int reqHeight) {

// Raw height and width of image

final int height = options.outHeight;

final int width = options.outWidth;

int inSampleSize = 1;



if (height > reqHeight || width > reqWidth) {

if (width > height) {

inSampleSize = Math.round((float) height / (float) reqHeight);

} else {

inSampleSize = Math.round((float) width / (float) reqWidth);

}

}

return inSampleSize;

}

}

2. camera.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="match_parent"

    android:orientation="vertical" >



    <ImageView

        android:id="@+id/mUserImage"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:layout_gravity="center"

        android:layout_marginTop="10dp"

        android:src="@drawable/ic_launcher" />



</LinearLayout>

3. cameradialog.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:layout_gravity="center"

    android:layout_marginLeft="20dp"

    android:layout_marginRight="20dp"

    android:background="@drawable/roundshape"

    android:orientation="vertical" >



    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:background="@null"

        android:padding="10dp"

        android:text="Blog Box"

        android:textSize="20sp"

        android:textStyle="bold" />



    <View

        android:layout_width="fill_parent"

        android:layout_height="4dp"

        android:layout_marginLeft="4dp"

        android:background="#000000"

        android:layout_marginRight="4dp" />



    <Button

        android:id="@+id/cameradialogbtn"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:layout_marginTop="4dp"

        android:layout_weight=".3"

        android:background="@null"

        android:padding="5dp"

        android:text="Take a picture from camera"

        android:textSize="18sp" >

    </Button>



    <View

        android:layout_width="fill_parent"

        android:layout_height="1dp"

        android:layout_marginLeft="4dp"

        android:background="#000000"

        android:layout_marginRight="4dp"

         />



    <Button

        android:id="@+id/gallerydialogbtn"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:layout_marginTop="4dp"

        android:layout_weight=".3"

        android:background="@null"

        android:padding="5dp"

        android:text="Choose from gallery"

        android:textSize="18sp" >

    </Button>



    <View

        android:layout_width="fill_parent"

        android:layout_height="1dp"

        android:background="#000000"

        android:layout_marginLeft="4dp"

        android:layout_marginRight="4dp" />



    <Button

        android:id="@+id/canceldialogbtn"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:layout_marginTop="4dp"

        android:layout_weight=".3"

        android:background="@null"

        android:padding="5dp"

        android:text="No thanks"

        android:textSize="18sp" >

    </Button>



</LinearLayout>

4. Drawable : roundshape.xml

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

<shape xmlns:android="http://schemas.android.com/apk/res/android" >



    <stroke

        android:width="2dp"

        android:color="#FFFFFF" />



    <corners android:radius="10dp" />



    <gradient

        android:angle="270"

        android:centerColor="#FFFFFF"

        android:endColor="#f9d7f2"

        android:startColor="#f9d7f2" />



</shape>

Output : 

Android Material Light (android:Theme.Material.Light) Tutorial

Android L comes with alots of enhancements, One of them is Material design. Now we no longer need to depend on resources for handling action bar designs and all.Without talking much i should share new material designs concept which works with Android L.
   

Structure for values folders goes like this here : 

    Follow these steps and give a new look to your app :
 

1. Inside values-v21 folder in Resources : 

 styles.xml : 


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

    <style name="AppTheme" parent="android:Theme.Material.Light">
        <item name="android:colorPrimary">@color/primary</item>
        <item name="android:colorPrimaryDark">@color/primary_dark</item>
        <item name="android:colorAccent">@color/accent</item>
        <item name="android:textColorPrimary">@color/text_primary</item>
        <item name="android:textColor">@color/text_secondary</item>
        <item name="android:navigationBarColor">@color/primary_dark</item>
        <item name="android:windowBackground">@color/window_background</item>
    </style>
</resources>


2. Inside values folder :

 styles.xml : Define colors as you need

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

    <color name="primary">#673ab7</color>
    <color name="primary_dark">#512da8</color>
    <color name="accent">#ffc400</color>
    <color name="text_primary">#D9FFFFFF</color>
    <color name="text_secondary">#D9000000</color>
    <color name="window_background">#ff0000</color>

</resources>

Define your java Class with xml layout with full functionalities.

To play with material designs you just need to work on these two files.

 I've included style in values-v21 as support is not available for lower sdk's as it throws an error  which say android:Theme.Material.Light requires API 21.

Output  With Color Clarifications here :

 
    

RecyclerView with CardView

Now if we want a Card type listview and we can simply use RecyclerView with cardview.
CardView is another addon in lolipop which make listing fab.

In order to implement simply follow my Last tutorial for RecyclerView and Add these new Code content there and you are done with CardView.



1. row_recyclerview.xml

<android.support.v7.widget.CardView
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    card_view:cardCornerRadius="10dp"
    android:layout_margin="5dp">

   <RelativeLayout
    android:layout_width="match_parent"
       android:layout_margin="5dp"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/title"
        android:padding="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_red_dark"
        android:text="contact det"
        android:gravity="center_vertical"
        android:textColor="@android:color/white"
        android:textSize="14dp"/>

    <TextView
        android:id="@+id/txtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Name"
        android:gravity="center_vertical"
        android:textSize="10dp"
        android:layout_below="@id/title"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="5dp"/>

    <TextView
        android:id="@+id/txtSurname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Surname"
        android:gravity="center_vertical"
        android:textSize="10dp"
        android:layout_below="@id/txtName"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="5dp"/>

    <TextView
        android:id="@+id/txtEmail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Email"
        android:textSize="10dp"
        android:layout_marginTop="10dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="150dp"
        android:layout_alignBaseline="@id/txtName"/>

</RelativeLayout>

   </android.support.v7.widget.CardView>

2. RecyclerViewViewHolder.java

public class RecyclerViewViewHolder extends RecyclerView.ViewHolder {

    public TextView txtView;

    public RecyclerViewViewHolder(View itemView) {

        super(itemView);

        txtView = (TextView) itemView.findViewById(R.id.title);

    }

}

3. RecyclerViewAdapter.java

public class RecyclerViewViewHolder extends RecyclerView.ViewHolder {

    public TextView txtView;

    public RecyclerViewViewHolder(View itemView) {

        super(itemView);

        txtView = (TextView) itemView.findViewById(R.id.title);

    }

}

4. build.gradle

apply plugin: 'com.android.application'

android {

    compileSdkVersion 22

    buildToolsVersion "21.1.2"

    defaultConfig {

        applicationId "com.example.kamalvaid.recyclerview"

        minSdkVersion 14

        targetSdkVersion 21

        versionCode 1

        versionName "1.0"

    }

    buildTypes {

        release {

            minifyEnabled false

            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

        }

    }

}

dependencies {

    compile fileTree(dir: 'libs', include: ['*.jar'])

    compile 'com.android.support:appcompat-v7:21.0.0'

    compile 'com.android.support:recyclerview-v7:21.0.0'

    compile 'com.android.support:cardview-v7:21.+'

}

Github Link : -https://github.com/CammyKamal/BlogTutorials/tree/master/RecyclerView

Output : 

RecyclerView Tutorial

Using RecyclerView, we have to be mind about two important aspects i.e
   
    1. RecyclerView.ViewHolder
    2. RecyclerView.Adapter
 

  My DemoApp Structure goes like this :

We will be using android Studio here.

    And Few properties of RecyclerView which i will discuss after code.
 
    So you might have to write something like this to run RecyclerView.

1. RecyclerViewActivity.java

public class RecyclerViewActivity extends Activity {



    ArrayList<String>mListitems;

    RecyclerView mRecyclerView;



    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        initiView();

    }



    private void initiView(){

        mListitems=new ArrayList<String>();

        for(int i=0;i<125;i++){

            mListitems.add("List Item "+ i);

        }

        mRecyclerView=(RecyclerView) findViewById(R.id.recyclervew);



        // use this setting to improve performance if you know that changes

        // in content do not change the layout size of the RecyclerView

        mRecyclerView.setHasFixedSize(true);



       //The LinearLayoutManager is currently the only default implementation of LayoutManager. You can use this class to create either vertical or horizontal lists.



        LinearLayoutManager layoutManager = new LinearLayoutManager(RecyclerViewActivity.this);

        layoutManager.setOrientation(LinearLayoutManager.VERTICAL);

        mRecyclerView.setLayoutManager(layoutManager);

  

       //Setting up ItemAnimator here

       mRecyclerView.setItemAnimator(new DefaultItemAnimator());



        //setting up the adapter

        RecyclerViewAdapter mAdapter=new RecyclerViewAdapter(RecyclerViewActivity.this,mListitems);

        mRecyclerView.setAdapter(mAdapter);

    }



}

2. RecyclerViewAdapter.java

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewViewHolder> {



      Context mContext;

      ArrayList<String>mListItems;

        public  RecyclerViewAdapter(Context mContext,ArrayList<String>mListItems){

            this.mContext=mContext;

            this.mListItems=mListItems;

        }





    @Override

    public RecyclerViewViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {

        View itemView = LayoutInflater

                .from(viewGroup.getContext())

                .inflate(R.layout.row_recyclerview, viewGroup, false);

        return new RecyclerViewViewHolder(itemView);

    }



    @Override

    public void onBindViewHolder(RecyclerViewViewHolder recyclerViewViewHolder, int i) {



        recyclerViewViewHolder.txtView.setText(mListItems.get(i));

    }



    @Override

    public int getItemCount() {

        return mListItems.size();

    }

}

3. RecyclerViewViewHolder.java

public class RecyclerViewViewHolder extends RecyclerView.ViewHolder {



public TextView txtView;



    public RecyclerViewViewHolder(View itemView) {

        super(itemView);

        txtView = (TextView) itemView.findViewById(R.id.title);

    }

}

XML files now : 
1. activity_main.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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <android.support.v7.widget.RecyclerView
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/recyclervew"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
       />
</LinearLayout>

2. row_recyclerview.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="match_parent">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/txtview"
        android:text="Demo recyclerView"
        android:padding="10dp"
        android:textColor="@android:color/holo_red_dark"
        />
</LinearLayout>

Most important file now 
In App folder : build.gradle
Starts from here :>>>>

apply plugin: 'com.android.application'




android {
    compileSdkVersion 22
    buildToolsVersion "21.1.2"


    defaultConfig {
        applicationId "com.example.kamalvaid.recyclerview"
        minSdkVersion 14
        targetSdkVersion 21
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}


dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:21.0.0'
    compile 'com.android.support:recyclerview-v7:21.0.0'

}

    Now there are using few properties listed below those purpose should be clear

    1. mRecyclerView.setHasFixedSize(true); => use this setting to improve performance if you know that changes in content do not change the layout size of the RecyclerView

    2. LinearlayoutManager => The LinearLayoutManager is currently the only default implementation of LayoutManager. You can use this class to create either vertical or horizontal lists.

    

       And we are using like this

    LinearLayoutManager layoutManager = new LinearLayoutManager(RecyclerViewActivity.this);

    layoutManager.setOrientation(LinearLayoutManager.VERTICAL);            

    layoutManager.setOrientation(LinearLayoutManager.Horizontal);


Also RecyclerView doesn't include Divider property by default, So we have to customize it .

Output : 

      




Happy Coding!!!
Cheers

    

    

Android RecyclerView Or Android ListView ?

Read About Android RecyclerView : 

1 .If viewholder not used then Listview

1.1 Shows laggy Results i.e delayed response.

1.2 Major issue raised was finding views by IDs every time.

but this problem is solved in RecyclerView using RecyclerView.ViewHolder.

When implementing the adapter for RecyclerView, providing a ViewHolder is compulsory. So all above issues are not faced

2. Layout Manager

In ListView We can just implement vertical scroll according to its documentation.But recyclerView supports horizontal as well vertical scroll.

RecyclerView supports different lists which is implemented via RecyclerView.LayoutManager class.

ViewHolder : Recycling of views is managed by ViewHolder Class by holding references to all views in a separate view.So it help recyclerview work in a better optimized way.

RecyclerView.LayoutManager class for RecyclerView are :

LinearLayoutManager  : to create both horizontal and vertical scroll lists.

StaggeredGridLayoutManager : to  create staggered lists.

GridLayoutManager : to  display grids like view, like any image gallery or etc.

3.  Item Animator 

We can not apply custom animations to listview items but recyclerView  provides that facility.And can use RecyclerView.ItemAnimator class for handling animations.

We can apply  custom animations on item addition, deletion and move events.by default DefaultItemAnimator is used by android in case of recyclerview if we don't implement any custom animations.

4. OnItemTouchListener : A new addition  as well. In Listview we implemented OnItemClickListener in order to get item clicked. But in recyclerView,  RecyclerView.OnItemTouchListener is there which is  an interface that help us detect touch events in Android RecyclerView.So we can get gestures easily.

 RecyclerView is available in older SDK as support is provided in v7 lib.

So I think we need to use  RecyclerView as its new and will provide many customization, And will provide more in upcoming future.

Toolbar Widget Android

Looking for a new toolbar widget, Then check this tutorial which will let develop the latest going on toolbar. Toolbar widget has beed introduced by google in 5.0 and now we are seeing this in most of the google apps like gmail , playstore etc.

so how to go about it =>


Structure of my app is going to be like this as shown in image  :

Rest you can go your way, what ever you like ..


1. package : com.constants 

1.1 Constants.java

package com.constants;

import android.app.Activity;

import com.netsol.toolbarmaterialcomp.R;

public class Constants extends Activity{

public  static int mDefault=R.color.material_deep_teal_500;

public  static int mRed=R.color.red;

public  static int mBlue=R.color.blue;

public  static int mMaterialGrey=R.color.material_blue_grey_800;



}

2. package : com.fragments

2.1  Homefragment.java

package com.fragments;

import android.annotation.SuppressLint;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import com.netsol.toolbarmaterialcomp.R;

public class Homefragment extends android.support.v4.app.Fragment{

    View mView;

@SuppressLint("InflateParams")

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

mView=inflater.inflate(R.layout.fragment_home, null);

return mView;

}

@Override

public void onActivityCreated(Bundle savedInstanceState) {

super.onActivityCreated(savedInstanceState);

}

public static Fragment newInstance(int position) {

// TODO Auto-generated method stub

return null;

}

}

2.2 ListDrawerFragment.java

package com.fragments;

import android.annotation.SuppressLint;

import android.app.Fragment;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import com.interfaces.DrawerCallback;

import com.netsol.toolbarmaterialcomp.R;

public class ListDrawerFragment extends android.support.v4.app.Fragment{

View mView;

ListView mLeftmenulistview; 

DrawerCallback mCallback;

String[] mListRowNames = new String[]{

            "Home", "Tab Layout", "BLUE", "MATERIAL GREY"

    };

    

@SuppressLint("InflateParams")

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

mView=inflater.inflate(R.layout.fragment_drawerlayout, null);

return mView;

}

 

@Override

public void onActivityCreated(Bundle savedInstanceState) {

super.onActivityCreated(savedInstanceState);

        InitializeVariables(mView); 

     

}

private void InitializeVariables(View mView) {

mLeftmenulistview=(ListView)mView.findViewById(R.id.leftmenulistview);

mCallback=(DrawerCallback)getActivity();

setAdapter();

}

private void setAdapter() {

 ArrayAdapter<String> adapter = new ArrayAdapter<String>(getActivity(),

               android.R.layout.simple_list_item_1, android.R.id.text1, mListRowNames);

 mLeftmenulistview.setAdapter(adapter);

 

 mLeftmenulistview.setOnItemClickListener(new OnItemClickListener() {

@Override

public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

long arg3) {

mCallback.onComplete(arg2);

}

});

}

}

2.3  SampleFragment.java

package com.fragments;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import com.netsol.toolbarmaterialcomp.R;

public class SampleFragment extends Fragment {

    private static final String ARG_POSITION = "position";

    private int position;

    public static SampleFragment newInstance(int position) {

        SampleFragment f = new SampleFragment();

        Bundle b = new Bundle();

        b.putInt(ARG_POSITION, position);

        f.setArguments(b);

        return f;

    }

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        position = getArguments().getInt(ARG_POSITION);

        

        View rootView = inflater.inflate(R.layout.row_tablyout, container, false);

        switch (position) {

            case 0:

                 break;

            case 1:

                break;

            case 2:

                break;

            case 3:

                break;

        }

        return rootView;

    }

}

2.4 TabFragment.java 

package com.fragments;

import android.graphics.Color;

import android.os.Bundle;

import android.support.v4.view.ViewPager;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import com.netsol.toolbarmaterialcomp.R;

import com.tablayoutwork.SlidingTabLayout;

import com.viewpageradapter.ViewPagerAdapter;

public class TabFragment extends android.support.v4.app.Fragment {

View mView;

SlidingTabLayout slidingTabLayout;

 ViewPager pager;

   

   private String titles[] = new String[]{"Sample Tab 1", "Sample Tab 2", "Sample Tab 3", "Sample Tab 4"

           , "Sample Tab 5", "Sample Tab 6", "Sample Tab 7", "Sample Tab 8"};

   

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

mView=inflater.inflate(R.layout.fragment_tab, null);

 pager = (ViewPager) mView.findViewById(R.id.viewpager);

       slidingTabLayout = (SlidingTabLayout) mView.findViewById(R.id.sliding_tabs);

       pager.setAdapter(new ViewPagerAdapter(getActivity().getSupportFragmentManager(), titles,getActivity()));

       slidingTabLayout.setViewPager(pager);

       

       slidingTabLayout.setCustomTabColorizer(new SlidingTabLayout.TabColorizer() {

           @Override

           public int getIndicatorColor(int position) {

               return Color.BLUE;

           }

       });

       

return mView;

}

}

3. package : com.interfaces

3.1  DrawerCallback.java

package com.interfaces;

public interface DrawerCallback {

void onComplete(int value);

}

4. package : com.tablayoutwork

4.1 SlidingTabLayout.java

/ 

package com.tablayoutwork;

import android.annotation.SuppressLint;

import android.content.Context;

import android.graphics.Color;

import android.graphics.Typeface;

import android.support.v4.view.PagerAdapter;

import android.support.v4.view.ViewPager;

import android.util.AttributeSet;

import android.util.SparseArray;

import android.util.TypedValue;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.HorizontalScrollView;

import android.widget.LinearLayout;

import android.widget.TextView;

/**

 * To be used with ViewPager to provide a tab indicator component which give constant feedback as to

 * the user's scroll progress.

 * <p>

 * To use the component, simply add it to your view hierarchy. Then in your

 * {@link android.app.Activity} or {@link android.support.v4.app.Fragment} call

 * {@link #setViewPager(android.support.v4.view.ViewPager)} providing it the ViewPager this layout is being used for.

 * <p>

 * The colors can be customized in two ways. The first and simplest is to provide an array of colors

 * via {@link #setSelectedIndicatorColors(int...)}. The

 * alternative is via the {@link com.tekinarslan.material.sample.SlidingTabLayout.TabColorizer} interface which provides you complete control over

 * which color is used for any individual position.

 * <p>

 * The views used as tabs can be customized by calling {@link #setCustomTabView(int, int)},

 * providing the layout ID of your custom layout.

 */

public class SlidingTabLayout extends HorizontalScrollView {

    /**

     * Allows complete control over the colors drawn in the tab layout. Set with

     * {@link #setCustomTabColorizer(com.tekinarslan.material.sample.SlidingTabLayout.TabColorizer)}.

     */

    public interface TabColorizer {

        /**

         * @return return the color of the indicator used when {@code position} is selected.

         */

        int getIndicatorColor(int position);

    }

    private static final int TITLE_OFFSET_DIPS = 24;

    private static final int TAB_VIEW_PADDING_DIPS = 16;

    private static final int TAB_VIEW_TEXT_SIZE_SP = 12;

    private int mTitleOffset;

    private int mTabViewLayoutId;

    private int mTabViewTextViewId;

    private boolean mDistributeEvenly;

    private ViewPager mViewPager;

    private SparseArray<String> mContentDescriptions = new SparseArray<String>();

    private ViewPager.OnPageChangeListener mViewPagerPageChangeListener;

    private final SlidingTabStrip mTabStrip;

    public SlidingTabLayout(Context context) {

        this(context, null);

    }

    public SlidingTabLayout(Context context, AttributeSet attrs) {

        this(context, attrs, 0);

    }

    public SlidingTabLayout(Context context, AttributeSet attrs, int defStyle) {

        super(context, attrs, defStyle);

        // Disable the Scroll Bar

        setHorizontalScrollBarEnabled(false);

        // Make sure that the Tab Strips fills this View

        setFillViewport(true);

        mTitleOffset = (int) (TITLE_OFFSET_DIPS * getResources().getDisplayMetrics().density);

        mTabStrip = new SlidingTabStrip(context);

        addView(mTabStrip, LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);

    }

    /**

     * Set the custom {@link com.tekinarslan.material.sample.SlidingTabLayout.TabColorizer} to be used.

     *

     * If you only require simple custmisation then you can use

     * {@link #setSelectedIndicatorColors(int...)} to achieve

     * similar effects.

     */

    public void setCustomTabColorizer(TabColorizer tabColorizer) {

        mTabStrip.setCustomTabColorizer(tabColorizer);

    }

    public void setDistributeEvenly(boolean distributeEvenly) {

        mDistributeEvenly = distributeEvenly;

    }

    /**

     * Sets the colors to be used for indicating the selected tab. These colors are treated as a

     * circular array. Providing one color will mean that all tabs are indicated with the same color.

     */

    public void setSelectedIndicatorColors(int... colors) {

        mTabStrip.setSelectedIndicatorColors(colors);

    }

    /**

     * Set the {@link android.support.v4.view.ViewPager.OnPageChangeListener}. When using {@link com.tekinarslan.material.sample.SlidingTabLayout} you are

     * required to set any {@link android.support.v4.view.ViewPager.OnPageChangeListener} through this method. This is so

     * that the layout can update it's scroll position correctly.

     *

     * @see android.support.v4.view.ViewPager#setOnPageChangeListener(android.support.v4.view.ViewPager.OnPageChangeListener)

     */

    public void setOnPageChangeListener(ViewPager.OnPageChangeListener listener) {

        mViewPagerPageChangeListener = listener;

    }

    /**

     * Set the custom layout to be inflated for the tab views.

     *

     * @param layoutResId Layout id to be inflated

     * @param textViewId id of the {@link android.widget.TextView} in the inflated view

     */

    public void setCustomTabView(int layoutResId, int textViewId) {

        mTabViewLayoutId = layoutResId;

        mTabViewTextViewId = textViewId;

    }

    /**

     * Sets the associated view pager. Note that the assumption here is that the pager content

     * (number of tabs and tab titles) does not change after this call has been made.

     */

    public void setViewPager(ViewPager viewPager) {

        mTabStrip.removeAllViews();

        mViewPager = viewPager;

        if (viewPager != null) {

            viewPager.setOnPageChangeListener(new InternalViewPagerListener());

            populateTabStrip();

        }

    }

    /**

     * Create a default view to be used for tabs. This is called if a custom tab view is not set via

     * {@link #setCustomTabView(int, int)}.

     */

    @SuppressLint("NewApi")

protected TextView createDefaultTabView(Context context) {

        TextView textView = new TextView(context);

        textView.setGravity(Gravity.CENTER);

        textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, TAB_VIEW_TEXT_SIZE_SP);

        textView.setTypeface(Typeface.DEFAULT_BOLD);

        textView.setLayoutParams(new LinearLayout.LayoutParams(

                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

        TypedValue outValue = new TypedValue();

        getContext().getTheme().resolveAttribute(android.R.attr.selectableItemBackground,

                outValue, true);

        textView.setBackgroundResource(outValue.resourceId);

        textView.setAllCaps(true);

        int padding = (int) (TAB_VIEW_PADDING_DIPS * getResources().getDisplayMetrics().density);

        textView.setPadding(padding, padding, padding, padding);

        return textView;

    }

    private void populateTabStrip() {

        final PagerAdapter adapter = mViewPager.getAdapter();

        final OnClickListener tabClickListener = new TabClickListener();

        for (int i = 0; i < adapter.getCount(); i++) {

            View tabView = null;

            TextView tabTitleView = null;

            if (mTabViewLayoutId != 0) {

                // If there is a custom tab view layout id set, try and inflate it

                tabView = LayoutInflater.from(getContext()).inflate(mTabViewLayoutId, mTabStrip,

                        false);

                tabTitleView = (TextView) tabView.findViewById(mTabViewTextViewId);

            }

            if (tabView == null) {

                tabView = createDefaultTabView(getContext());

            }

            if (tabTitleView == null && TextView.class.isInstance(tabView)) {

                tabTitleView = (TextView) tabView;

            }

            if (mDistributeEvenly) {

                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) tabView.getLayoutParams();

                lp.width = 0;

                lp.weight = 1;

            }

            tabTitleView.setText(adapter.getPageTitle(i));

            tabTitleView.setTextColor(Color.WHITE);

            tabView.setOnClickListener(tabClickListener);

            String desc = mContentDescriptions.get(i, null);

            if (desc != null) {

                tabView.setContentDescription(desc);

            }

            mTabStrip.addView(tabView);

            if (i == mViewPager.getCurrentItem()) {

                tabView.setSelected(true);

            }

        }

    }

    public void setContentDescription(int i, String desc) {

        mContentDescriptions.put(i, desc);

    }

    @Override

    protected void onAttachedToWindow() {

        super.onAttachedToWindow();

        if (mViewPager != null) {

            scrollToTab(mViewPager.getCurrentItem(), 0);

        }

    }

    private void scrollToTab(int tabIndex, int positionOffset) {

        final int tabStripChildCount = mTabStrip.getChildCount();

        if (tabStripChildCount == 0 || tabIndex < 0 || tabIndex >= tabStripChildCount) {

            return;

        }

        View selectedChild = mTabStrip.getChildAt(tabIndex);

        if (selectedChild != null) {

            int targetScrollX = selectedChild.getLeft() + positionOffset;

            if (tabIndex > 0 || positionOffset > 0) {

                // If we're not at the first child and are mid-scroll, make sure we obey the offset

                targetScrollX -= mTitleOffset;

            }

            scrollTo(targetScrollX, 0);

        }

    }

    private class InternalViewPagerListener implements ViewPager.OnPageChangeListener {

        private int mScrollState;

        @Override

        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            int tabStripChildCount = mTabStrip.getChildCount();

            if ((tabStripChildCount == 0) || (position < 0) || (position >= tabStripChildCount)) {

                return;

            }

            mTabStrip.onViewPagerPageChanged(position, positionOffset);

            View selectedTitle = mTabStrip.getChildAt(position);

            int extraOffset = (selectedTitle != null)

                    ? (int) (positionOffset * selectedTitle.getWidth())

                    : 0;

            scrollToTab(position, extraOffset);

            if (mViewPagerPageChangeListener != null) {

                mViewPagerPageChangeListener.onPageScrolled(position, positionOffset,

                        positionOffsetPixels);

            }

        }

        @Override

        public void onPageScrollStateChanged(int state) {

            mScrollState = state;

            if (mViewPagerPageChangeListener != null) {

                mViewPagerPageChangeListener.onPageScrollStateChanged(state);

            }

        }

        @Override

        public void onPageSelected(int position) {

            if (mScrollState == ViewPager.SCROLL_STATE_IDLE) {

                mTabStrip.onViewPagerPageChanged(position, 0f);

                scrollToTab(position, 0);

            }

            for (int i = 0; i < mTabStrip.getChildCount(); i++) {

                mTabStrip.getChildAt(i).setSelected(position == i);

            }

            if (mViewPagerPageChangeListener != null) {

                mViewPagerPageChangeListener.onPageSelected(position);

            }

        }

    }

    private class TabClickListener implements OnClickListener {

        @Override

        public void onClick(View v) {

            for (int i = 0; i < mTabStrip.getChildCount(); i++) {

                if (v == mTabStrip.getChildAt(i)) {

                    mViewPager.setCurrentItem(i);

                    return;

                }

            }

        }

    }

}

4.2 SlidingTabStrip.java

package com.tablayoutwork;

import android.R;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.view.View;

import android.widget.LinearLayout;

class SlidingTabStrip extends LinearLayout {

    private static final int DEFAULT_BOTTOM_BORDER_THICKNESS_DIPS = 0;

    private static final byte DEFAULT_BOTTOM_BORDER_COLOR_ALPHA = 0x26;

    private static final int SELECTED_INDICATOR_THICKNESS_DIPS = 3;

    private static final int DEFAULT_SELECTED_INDICATOR_COLOR = 0xFF33B5E5;

    private final int mBottomBorderThickness;

    private final Paint mBottomBorderPaint;

    private final int mSelectedIndicatorThickness;

    private final Paint mSelectedIndicatorPaint;

    private final int mDefaultBottomBorderColor;

    private int mSelectedPosition;

    private float mSelectionOffset;

    private SlidingTabLayout.TabColorizer mCustomTabColorizer;

    private final SimpleTabColorizer mDefaultTabColorizer;

    SlidingTabStrip(Context context) {

        this(context, null);

    }

    SlidingTabStrip(Context context, AttributeSet attrs) {

        super(context, attrs);

        setWillNotDraw(false);

        final float density = getResources().getDisplayMetrics().density;

        TypedValue outValue = new TypedValue();

        context.getTheme().resolveAttribute(R.attr.colorForeground, outValue, true);

        final int themeForegroundColor =  outValue.data;

        mDefaultBottomBorderColor = setColorAlpha(themeForegroundColor,

                DEFAULT_BOTTOM_BORDER_COLOR_ALPHA);

        mDefaultTabColorizer = new SimpleTabColorizer();

        mDefaultTabColorizer.setIndicatorColors(DEFAULT_SELECTED_INDICATOR_COLOR);

        mBottomBorderThickness = (int) (DEFAULT_BOTTOM_BORDER_THICKNESS_DIPS * density);

        mBottomBorderPaint = new Paint();

        mBottomBorderPaint.setColor(mDefaultBottomBorderColor);

        mSelectedIndicatorThickness = (int) (SELECTED_INDICATOR_THICKNESS_DIPS * density);

        mSelectedIndicatorPaint = new Paint();

    }

    void setCustomTabColorizer(SlidingTabLayout.TabColorizer customTabColorizer) {

        mCustomTabColorizer = customTabColorizer;

        invalidate();

    }

    void setSelectedIndicatorColors(int... colors) {

        // Make sure that the custom colorizer is removed

        mCustomTabColorizer = null;

        mDefaultTabColorizer.setIndicatorColors(colors);

        invalidate();

    }

    void onViewPagerPageChanged(int position, float positionOffset) {

        mSelectedPosition = position;

        mSelectionOffset = positionOffset;

        invalidate();

    }

    @Override

    protected void onDraw(Canvas canvas) {

        final int height = getHeight();

        final int childCount = getChildCount();

        final SlidingTabLayout.TabColorizer tabColorizer = mCustomTabColorizer != null

                ? mCustomTabColorizer

                : mDefaultTabColorizer;

        // Thick colored underline below the current selection

        if (childCount > 0) {

            View selectedTitle = getChildAt(mSelectedPosition);

            int left = selectedTitle.getLeft();

            int right = selectedTitle.getRight();

            int color = tabColorizer.getIndicatorColor(mSelectedPosition);

            if (mSelectionOffset > 0f && mSelectedPosition < (getChildCount() - 1)) {

                int nextColor = tabColorizer.getIndicatorColor(mSelectedPosition + 1);

                if (color != nextColor) {

                    color = blendColors(nextColor, color, mSelectionOffset);

                }

                // Draw the selection partway between the tabs

                View nextTitle = getChildAt(mSelectedPosition + 1);

                left = (int) (mSelectionOffset * nextTitle.getLeft() +

                        (1.0f - mSelectionOffset) * left);

                right = (int) (mSelectionOffset * nextTitle.getRight() +

                        (1.0f - mSelectionOffset) * right);

            }

            mSelectedIndicatorPaint.setColor(color);

            canvas.drawRect(left, height - mSelectedIndicatorThickness, right,

                    height, mSelectedIndicatorPaint);

        }

        // Thin underline along the entire bottom edge

        canvas.drawRect(0, height - mBottomBorderThickness, getWidth(), height, mBottomBorderPaint);

    }

    /**

     * Set the alpha value of the {@code color} to be the given {@code alpha} value.

     */

    private static int setColorAlpha(int color, byte alpha) {

        return Color.argb(alpha, Color.red(color), Color.green(color), Color.blue(color));

    }

    /**

     * Blend {@code color1} and {@code color2} using the given ratio.

     *

     * @param ratio of which to blend. 1.0 will return {@code color1}, 0.5 will give an even blend,

     *              0.0 will return {@code color2}.

     */

    private static int blendColors(int color1, int color2, float ratio) {

        final float inverseRation = 1f - ratio;

        float r = (Color.red(color1) * ratio) + (Color.red(color2) * inverseRation);

        float g = (Color.green(color1) * ratio) + (Color.green(color2) * inverseRation);

        float b = (Color.blue(color1) * ratio) + (Color.blue(color2) * inverseRation);

        return Color.rgb((int) r, (int) g, (int) b);

    }

    private static class SimpleTabColorizer implements SlidingTabLayout.TabColorizer {

        private int[] mIndicatorColors;

        @Override

        public final int getIndicatorColor(int position) {

            return mIndicatorColors[position % mIndicatorColors.length];

        }

        void setIndicatorColors(int... colors) {

            mIndicatorColors = colors;

        }

    }

}

5. package : com.toolbarmaterialcomp

5.1  MainActivity.java

package com.toolbarmaterialcomp;

import android.annotation.SuppressLint;

import android.content.Intent;

import android.content.res.Configuration;

import android.os.Bundle;

import android.support.v4.widget.DrawerLayout;

import android.support.v7.app.ActionBarActivity;

import android.support.v7.app.ActionBarDrawerToggle;

import android.support.v7.widget.Toolbar;

import android.util.Log;

import android.view.Gravity;

import android.view.MenuItem;

import android.widget.FrameLayout;

import android.widget.LinearLayout;

import android.widget.Toast;

import com.constants.Constants;

import com.fragments.Homefragment;

import com.fragments.ListDrawerFragment;

import com.fragments.TabFragment;

import com.interfaces.DrawerCallback;

import com.netsol.toolbarmaterialcomp.R;

public class MainActivity extends ActionBarActivity implements DrawerCallback{

FrameLayout mContainer;

Toolbar mToolbar;

private DrawerLayout mDrawerLayout;

private ActionBarDrawerToggle drawerToggle;

private LinearLayout mDrawerListLayout;

android.support.v4.app.FragmentManager mFragmentManager;

android.support.v4.app.FragmentTransaction mFragmentTransaction;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

initializeToolbar();

setToolbarColor(Constants.mDefault);

setToolbarTitle();

setToolbarMenuListeners();

initializeFragmentManager();

initializeDrawerVariables();

setUpNavigationDrawer();

}

private void setUpNavigationDrawer() {

drawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolbar, R.string.app_name, R.string.app_name);

mDrawerLayout.setDrawerListener(drawerToggle);

}

private void initializeDrawerVariables() {

mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

/*

*  Drawer List Below

*/

mDrawerListLayout = (LinearLayout) findViewById(R.id.navdrawer);

setLeftDrawerMenu();

/*

*   Intialize Container

*/

mContainer=(FrameLayout)findViewById(R.id.containerlayout);

}

void initializeFragmentManager()

{

mFragmentManager = getSupportFragmentManager();

}

private void setLeftDrawerMenu() {

ListDrawerFragment mDrawerfragment=new ListDrawerFragment();

android.support.v4.app.FragmentTransaction mFragmentTransactionList= mFragmentManager.beginTransaction();

mFragmentTransactionList.add(R.id.navdrawer, mDrawerfragment).commit();

}

private void setToolbarMenuListeners() {

// Set an OnMenuItemClickListener to handle menu item clicks

mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {

@Override

public boolean onMenuItemClick(MenuItem item) {

setToolbarActionMenuClicks(item);

return true;

}

});

// Inflate a menu to be displayed in the toolbar

mToolbar.inflateMenu(R.menu.toolbarmenu);

// setSupportActionBar(toolbar);

}

private void setToolbarTitle() {

mToolbar.setTitle("New Toolbar");

}

private void setToolbarColor(int color) {

mToolbar.setBackgroundColor(getResources().getColor(color));

}

private void initializeToolbar() {

mToolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);

if(mToolbar!=null){

//setSupportActionBar(mToolbar);

mToolbar.setNavigationIcon(R.drawable.ic_ab_drawer);

}

}

void setToolbarActionMenuClicks(MenuItem mItem){

switch (mItem.getItemId()) {

case R.id.searchItem:

Toast.makeText(getApplicationContext(), "Search", Toast.LENGTH_SHORT).show();

startActivity(new Intent(MainActivity.this, SecondActivity.class));

break;

case R.id.filterItem:

Toast.makeText(getApplicationContext(), "Filter", Toast.LENGTH_SHORT).show();

break;

case R.id.defaultid:

setToolbarColor(Constants.mDefault);

break;

case R.id.red:

setToolbarColor(Constants.mRed);

break;

case R.id.Blue:

setToolbarColor(Constants.mBlue);

break;

case R.id.materialgrey:

setToolbarColor(Constants.mMaterialGrey);

break;

}

}

/*

*   Drawer Option Itemselected

*/

@SuppressLint("InlinedApi")

@Override

public boolean onOptionsItemSelected(MenuItem item) {

if (drawerToggle.onOptionsItemSelected(item)) {

return true;

}

switch (item.getItemId()) {

case android.R.id.home:

mDrawerLayout.openDrawer(Gravity.START);

return true;

}

return super.onOptionsItemSelected(item);

}

@Override

protected void onPostCreate(Bundle savedInstanceState) {

super.onPostCreate(savedInstanceState);

drawerToggle.syncState();

}

@Override

public void onConfigurationChanged(Configuration newConfig) {

super.onConfigurationChanged(newConfig);

drawerToggle.onConfigurationChanged(newConfig);

}

@Override

public void onComplete(int value) {

Log.e("value<><><>", ""+value);

android.support.v4.app.Fragment mFragmentToAdd=null;

switch (value) {

case 0:

mContainer.removeAllViews();

mFragmentTransaction = mFragmentManager.beginTransaction();

mFragmentToAdd=new Homefragment();

break;

case 1:

mContainer.removeAllViews();

mFragmentTransaction = mFragmentManager.beginTransaction();

mFragmentToAdd=new TabFragment();

break;

default:

break;

}

if(mFragmentToAdd==null){

Toast.makeText(getApplicationContext(), "Add your fragment, which you want to show", Toast.LENGTH_LONG).show();

}else{

mFragmentTransaction.add(R.id.containerlayout, mFragmentToAdd).commit();

}

   mDrawerLayout.closeDrawer(Gravity.START);

        

}

}

5.2 SecondActivity.java

package com.toolbarmaterialcomp;

import com.netsol.toolbarmaterialcomp.R;

import android.content.ComponentName;

import android.os.Bundle;

import android.support.v4.app.NavUtils;

import android.support.v4.content.IntentCompat;

import android.support.v7.app.ActionBarActivity;

import android.support.v7.widget.Toolbar;

import android.view.View;

import android.widget.TextView;

public class SecondActivity extends ActionBarActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.second);

Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);

((TextView) findViewById(R.id.toolbar_title)).setVisibility(View.VISIBLE);

((TextView) findViewById(R.id.toolbar_title))

.setText("Second Activity");

toolbar.setNavigationIcon(R.drawable.ic_up);

toolbar.setNavigationOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

NavUtils.navigateUpTo(SecondActivity.this, IntentCompat

.makeMainActivity(new ComponentName(

SecondActivity.this, SecondActivity.class)));

}

});

}

}

6. package : com.viewpageradapter

6.1 ViewPagerAdapter.java

package com.viewpageradapter;

import android.content.Context;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.TextView;

import com.fragments.SampleFragment;

import com.netsol.toolbarmaterialcomp.R;

public class ViewPagerAdapter extends FragmentPagerAdapter {

final int PAGE_COUNT =8;

private String titles[] ;

View mView;

Context mContext;

TextView mTextView;

public ViewPagerAdapter(FragmentManager fm, String[] titles2,Context mContext) {

super(fm);

titles=titles2;

this.mContext=mContext;

}

@Override

public Fragment getItem(int position) {

switch (position) {

        // Open FragmentTab1.java

        case 0:

            return SampleFragment.newInstance(position);

        case 1:

            return SampleFragment.newInstance(position);

        case 2:

            return SampleFragment.newInstance(position);

        case 3:

            return SampleFragment.newInstance(position);

        case 4:

            return SampleFragment.newInstance(position);

        case 5:

            return SampleFragment.newInstance(position);

        case 6:

            return SampleFragment.newInstance(position);

        case 7:

            return SampleFragment.newInstance(position);

    }

return null;

}

@Override

public Object instantiateItem(View container, int position) {

LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(mContext.LAYOUT_INFLATER_SERVICE);

mView = inflater.inflate(R.layout.row_tablyout, null);

//mTextView=(TextView)mView.findViewById(R.id.tabname);

// mTextView.setText(titles[position]);

return mView;

}

public CharSequence getPageTitle(int position) {

return titles[position];

}

@Override

public int getCount() {

return PAGE_COUNT;

}

}

And XML layouts here :

1. fragment_drawerlayout.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="match_parent"

    android:orientation="vertical" >

    <ListView

        android:id="@+id/leftmenulistview"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="?attr/colorPrimaryDark"

        android:choiceMode="singleChoice"

        android:divider="@android:color/white"

        android:dividerHeight="1dp"

        android:drawSelectorOnTop="false" >

    </ListView>

</LinearLayout>

2. fragment_home.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="match_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:singleLine="true"

        android:text="Home Fragment"

        android:textSize="30sp"

        android:textStyle="bold" />

</LinearLayout>

3. fragment_tab.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="match_parent"

    android:orientation="vertical" >

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Tab Fragment" />

    <com.tablayoutwork.SlidingTabLayout

        android:id="@+id/sliding_tabs"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="?attr/colorPrimaryDark" />

    <android.support.v4.view.ViewPager

        android:id="@+id/viewpager"

        android:layout_width="match_parent"

        android:layout_height="0px"

        android:layout_weight="1"

        android:background="@android:color/white" />

</LinearLayout>

4. main.xml 

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/drawer_layout"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <android.support.v7.widget.Toolbar

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

            android:id="@+id/my_awesome_toolbar"

            android:layout_width="match_parent"

            android:layout_height="?attr/actionBarSize"

            android:background="?attr/colorPrimaryDark"

            android:minHeight="?attr/actionBarSize"

            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

        <FrameLayout

            android:id="@+id/containerlayout"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:background="@color/red" >

        </FrameLayout>

    </LinearLayout>

    <!--

    <ListView

        android:id="@+id/navdrawer"

        android:layout_width="200dp"

        android:layout_height="match_parent"

        android:layout_gravity="start"

        android:layout_marginTop="?attr/actionBarSize"

        android:background="?attr/colorPrimaryDark"

        android:choiceMode="singleChoice"

        android:divider="@android:color/white"

        android:dividerHeight="1dp"

        android:drawSelectorOnTop="false" >

    </ListView>

    -->

    <LinearLayout

        android:id="@+id/navdrawer"

        android:layout_width="200dp"

        android:layout_marginTop="?attr/actionBarSize"

        android:layout_height="match_parent"

        android:layout_gravity="start"

        android:background="@color/blue"

        android:orientation="vertical" />

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

5. row_tablyout.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="match_parent"

    android:orientation="vertical"

    android:padding="5dp" >

    <ImageView

        android:id="@+id/tabimg"

        android:layout_width="40dp"

        android:layout_height="40dp"

        android:layout_gravity="center"

        android:src="@drawable/ic_launcher" />

    <TextView

        android:id="@+id/tabname"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_gravity="center"

        android:gravity="center"

        android:singleLine="true"

        android:text="Demo"

        android:textSize="15sp" />

</LinearLayout>

6. second.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"

    tools:context="${relativePackage}.${activityClass}" >

    <android.support.v7.widget.Toolbar

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

        android:id="@+id/my_awesome_toolbar"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="?attr/colorPrimary"

        android:minHeight="?attr/actionBarSize"

        app:contentInsetLeft="0dp"

        app:contentInsetStart="0dp"

        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" >

        <TextView

            android:id="@+id/toolbar_title"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:singleLine="true"

            android:text="Toolbar Title"

            android:textColor="@android:color/white"

            android:textSize="18sp"

            android:textStyle="bold" />

    </android.support.v7.widget.Toolbar>

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/my_awesome_toolbar"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="51dp"

        android:text="@string/hello_world" />

</RelativeLayout>

Output :

Cheers!!!

Happy Coding

References : Chris Banes article