Combining Navigation Drawer and Recycler View in ViewPager Fragments( with tabs)

In android development, Navigation Drawer and Recycler View and tabs layout are some of the most popular interfaces that are used in apps. We often think to collaborate different types of layout in a single screen., with DrawerLayout, NavigationView, ViewPager, RecyclerView, CardView and TabLayout. With material design style, the theme can be combined in an Activity.

Firstly, add the design support library dependency to use Material Design Widgets, add RecyclerView dependency and CardView dependency to use them:

app/build.gradle

1. apply plugin: 'com.android.application'
2. 
   
3. android {
4.     compileSdkVersion 24
5.     buildToolsVersion "25.0.0"
6.     defaultConfig {
7.         applicationId "test.ku.codedivas.sampleapp"
8.         minSdkVersion 14
9.         targetSdkVersion 24
10.         versionCode 1
11.         versionName "1.0"
12.         
13. testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
14.     }
15.     buildTypes {
16.         release {
17.             minifyEnabled false
18.             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
19.         }
20.     }
21. }
22. 
    
23. dependencies {
24.     compile fileTree(dir: 'libs', include: ['*.jar'])
25.     androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
26.         exclude group: 'com.android.support', module: 'support-annotations'
27.     })
28.     compile 'com.android.support:appcompat-v7:24.2.1'
29.     compile 'com.android.support:design:24.2.1'
30.     compile 'com.android.support:recyclerview-v7:24.2.0'
31.     compile 'com.android.support:cardview-v7:24.2.0'
32.     testCompile 'junit:junit:4.12'
33. 
    
34. }