Android学习日记 Viewpager+TabLayout 底部选项卡

Android学习日记 滑动碎片+选项卡 Viewpager+TabLayout 组合底部选项卡

---

前言

此为碎片+滑动碎片+选项卡的结合使用 实现底部选项卡功能

---

一、Viewpager使用方法

使用步骤

	注意：注释掉的为实现碎片滑动不必要的代码，主要用于与TabLayout结合使用

Main.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">

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        />
<!--    <View-->
<!--        android:layout_width="match_parent"-->
<!--        android:layout_height="1px"-->
<!--        android:background="#C7C7C7"-->
<!--        android:orientation="vertical"-->
<!--    />-->
<!--    <com.google.android.material.tabs.TabLayout-->
<!--        android:layout_width="match_parent"-->
<!--        android:layout_height="wrap_content"-->
<!--        android:id="@+id/tablayout"-->
<!--        />-->
</LinearLayout>

MainActivity.java

package com.example.practice;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.google.android.material.tabs.TabLayout;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
   
    private ViewPager viewPager;
    private Fragment fg1,fg2;
    private List<Fragment> fragmentList = new ArrayList<>();
    private SimpleFragmentViewpagerAdapter vpAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
   
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void init() {
   
        viewPager = findViewById(R.id.viewpager);
        fg1 = new Fg1();
        fg2 = new Fg2();
        fragmentList.add(fg1);
        fragmentList.add(fg2);
        vpAdapter = new SimpleFragmentViewpagerAdapter(getSupportFragmentManager(),fragmentList);
        viewPager.setAdapter(vpAdapter); 
    }
    class SimpleFragmentViewpagerAdapter extends FragmentPagerAdapter{
   
        private List<Fragment> fragmentList;

        public SimpleFragmentViewpagerAdapter( FragmentManager fm, List<Fragment> fragmentList) {
   
            super(fm);
            this.fragmentList = fragmentList;
        }

        @NonNull
        @Override
        public Fragment getItem(int position) {
   
            return fragmentList.get(position);
        }

        @Override
        public int getCount() {
   
            return fragmentList.size();
        }
    }
}

二、Viewpager+TabLayout底部选项卡

实现步骤

代码如下：

MainActivity.java

package com.example.practice;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup