Android Studio TabView Source Code,Android Studio Tablayout Source Code,How to Create Tablayout android studio

How to Create TabView in Android Studio,

How to Create TabLayout in Android Studio,

TabView Android Studio Source Code just copy and Paste it.

Create a project new Project in android studio.

step 1-paste the code activity_main.xml code given below.

step 2- Create 3 Blank fragment give name Tab1,Tab2,Tab3.

step 3- Paste the MainActivty.java code given below in the article.

step 4-Create java class give name viewpageradapter. 

step 5-Paste the viewpagerAdapter.java code given below in this Article

step 6- Paste the activity_tab1.xml,activity_tab2.xml,activity_tab3.xml code given below.

activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.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" > <com.google.android.material.appbar.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" tools:ignore="MissingConstraints"> <com.google.android.material.tabs.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tab" app:tabIndicatorHeight="2dp" android:background="@android:color/holo_blue_dark" app:tabMode="fixed" app:tabGravity="fill" app:tabIndicatorColor="@android:color/white"/> </com.google.android.material.appbar.AppBarLayout> <androidx.viewpager.widget.ViewPager android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/myviewpager" /> </androidx.coordinatorlayout.widget.CoordinatorLayout> }

MainActivity.java package com.rush.tabview; import androidx.appcompat.app.AppCompatActivity; import androidx.viewpager.widget.ViewPager; import android.os.Bundle; import android.widget.Toolbar; import com.google.android.material.tabs.TabLayout; public class MainActivity extends AppCompatActivity { Toolbar toolbar; private TabLayout tabLayout; private ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabLayout = findViewById(R.id.tab); viewPager = findViewById(R.id.myviewpager); setupviewpager(viewPager); tabLayout.setupWithViewPager(viewPager); } private void setupviewpager(ViewPager viewPager) { viewpagerAdapter viewpagerAdapter = new viewpagerAdapter(getSupportFragmentManager()); viewpagerAdapter.addfragment(new Chat(),"Tab 1"); viewpagerAdapter.addfragment(new Status(), "Tab 2"); viewpagerAdapter.addfragment(new Call(), "Tab 3"); viewPager.setAdapter(viewpagerAdapter); } } }

Create java class Give name viewpagerAdapter

viewpagerAdapter.java

package com.rush.tabview; import androidx.annotation.Nullable; import androidx.fragment.app.Fragment; import androidx.fragment.app.FragmentManager; import androidx.fragment.app.FragmentPagerAdapter; import java.util.ArrayList; public class viewpagerAdapter extends FragmentPagerAdapter { private final ArrayList<Fragment> fragmentlist=new ArrayList<>(); private final ArrayList<String>fragmenttitle=new ArrayList<>(); public viewpagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return fragmentlist.get(position); } @Override public int getCount() { return fragmentlist.size(); } public void addfragment(Fragment fragment,String title){ fragmentlist.add(fragment); fragmenttitle.add(title); } @Nullable @Override public CharSequence getPageTitle(int position) { return fragmenttitle.get(position); } } }

activity_tab1.xml(blank fragment) <?xml version="1.0" encoding="utf-8"?> <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=".Tab1"> <!-- TODO: Update blank fragment layout --> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="30dp" android:textStyle="bold" android:textColor="@android:color/holo_red_dark" android:layout_centerInParent="true" android:text="Tab 1" /> </RelativeLayout> }

activity_tab2.xml(blank fragment) <?xml version="1.0" encoding="utf-8"?> <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=".Tab2"> <!-- TODO: Update blank fragment layout --> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="30dp" android:textStyle="bold" android:textColor="@android:color/holo_red_dark" android:layout_centerInParent="true" android:text="Tab 2" /> </RelativeLayout> }

activity_tab3.xml(blank fragment) <?xml version="1.0" encoding="utf-8"?> <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=".Tab3"> <!-- TODO: Update blank fragment layout --> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="30dp" android:textStyle="bold" android:textColor="@android:color/holo_red_dark" android:layout_centerInParent="true" android:text="Tab 3" /> </RelativeLayout> }

By Following all this steps you can create tabview/Tablayout easily in android studio just copy and paste the code.