This tutorial will show how to quickly create a app with a tabbed layout in Android Studio. This will be a simple app with two tabs that the user can swipe between.
MainActivity.Java
public class MainActivity extends AppCompatActivity {
private FragAdapter mfragAdapter;
ViewPager mviewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mviewPager = findViewById(R.id.view_pager);
setupViewPager(mviewPager);
TabLayout tabLayout = findViewById(R.id.tabs);
tabLayout.setupWithViewPager(mviewPager);
}
/*
* This Adds the Fragments to the ViewPager and Sets title of the Tabs
* */
private void setupViewPager(ViewPager viewPager){
FragAdapter adapter = new FragAdapter(getSupportFragmentManager());
adapter.addFragment(new TabOne(),"TAB ONE");
adapter.addFragment(new TabTwo(),"TAB TWO");
viewPager.setAdapter(adapter);}}
activity_main.xml
<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"
tools:context=".MainActivity">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:minHeight="?actionBarSize"
android:padding="@dimen/appbar_padding"
android:text="@string/app_name"
android:textAppearance="@style/TextAppearance.Widget.AppCompat.Toolbar.Title" />
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/design_default_color_secondary" />
</com.google.android.material.appbar.AppBarLayout>
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
TabOne.Java
public class TabOne extends Fragment {
private static final String TAG = "TAB One Running";
@Nullable
@Override
public View onCreateView(LayoutInflater inflater,
@Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.activity_tab_one,
container,false);
return view;
}
}
activity_one_tab.xml
<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"
tools:context=".TabOne">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginStart="150dp"
android:text="This is tab one "
android:textColor="#F40606"
android:textSize="18sp"
android:textStyle="bold" />
</LinearLayout>
Pages: 1 2