Step 1 - Create A new Android studio project and design your activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity">
<com.google.android.material.tabs.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMaxWidth="0dp"
app:tabGravity="fill"
app:tabMode="fixed"
android:background="@color/purple_500"
android:elevation="2dp"
app:tabIndicatorColor="@color/white"
app:tabSelectedTextColor="@color/white"
app:tabTextColor="@color/black" />
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
Step 2 - Create Fragments For Replaces In Tab layout
Demo Fragments -- Demo1Fragment , Demo2Fragment , Demo3Fragment
Step 3 - Create FragmentAdapter.java Class and extends FragmentPagerAdapter
after extends implements methods
public FragmentAdapter(@NonNull FragmentManager fm) {
super(fm);
}
public FragmentAdapter(@NonNull FragmentManager fm, int behavior) {
super(fm, behavior);
}
@NonNull
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new Demo1Fragment();
case 1:
return new Demo2Fragment();
case 2:
return new Demo3Fragment();
default:
return new Demo1Fragment();
}
}
@Override
public int getCount() {
return 3;
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
String title = null;
if (position == 0) {
title = "Demo1";
} else if (position == 1) {
title = "Demo2";
} else {
title = "Demo3";
}
return title;
}
Step 3 - code in MainActivity.java before onCreate Method
TabLayout tabLayout;
ViewPager viewPager;
after onCreate Method -
viewPager = findViewById(R.id.view_pager);
viewPager.setAdapter(new FragmentAdapter(getSupportFragmentManager()));
tabLayout = findViewById(R.id.tab_layout);
tabLayout.setupWithViewPager(viewPager);
Tags:
Android Development