ViewPager和Fragment使用（附源码）-创新互联
目录
1 初级版
1.1 XML布局文件添加ViewPager
1.2 Java代码创建Adapter类
1.2.1 重写方法getItem
1.2.2 重写方法getCount
1.2.3 适配器构造器
1.3 创建Fragment
1.4 Java主代码
1.4.1 数据源添加数据
1.4.2实例化适配器
1.4.3给ViewPager添加适配器
1.4.4 给ViewPager添加监听事件
2 中级版
2.1 XML布局文件添加ViewPager
2.2 Java代码创建Adapter类
2.3 重写FragmentPagerAdapter的两个方法
2.4 创建Fragment
2.5 Java主代码
2.5.1 数据源添加数据
2.5.2 实例化适配器
2.5.3 给ViewPager添加适配器
2.6 ViewPager和底部导航栏的联动
3 高级版
3.1 ViewPager用法
3.2 FragmentPagerAdapter用法
3.3 ButtonNavigationView用法
3.4 ViewPager切换页面和ButtonNavigationView的联动
3.4.1 ViewPager联动ButtonNavigationView
3.4.2 ButtonNavigationView联动ViewPager
3.4.3 Badge用法（新消息提示）
3.5
3.6 创建菜单menu
3.7 XML布局文件添加ViewPager和ButtonNavigationView
3.8 Java主代码获取控件
3.9 Java代码创建Adapter类
3.10 重写FragmentPagerAdapter的两个方法
3.11 适配器构造器
3.12 创建Fragment
3.12.1 XML文件
3.12.2 Java文件
3.13 Java主代码
3.13.1 数据源添加数据
3.13.2 实例化适配器
3.13.3 给ViewPager添加适配器
3.13.4 给ViewPager添加监听事件
3.13.5 给ButtonNavigationView添加监听事件
3.14 Badge的设置
3.14.1 Badge的添加
3.14.2 Badge的移除
最后，上Activity的主代码~
1 初级版
ViewPager通过滑动来切换Fragment，无底部导航栏。
用法：数据List
通过FragmentPagerAdapter连接两者的桥梁，里面需要重写两个方法getItem，getCount。
第一个方法是获取一个Fragment，从数据源获取。
第二个方法是获取数据源的大小，也就是有几页。
1.1 XML布局文件添加ViewPager在Activity的XML布局文件中添加一个控件——ViewPager。
加入宽高和ID即可。
在Java代码中找控件ViewPager。
1.2 Java代码创建Adapter类
继承自FragmentPagerAdapter类，重写两个方法getItem，getCount。
public class MyFragmentVPAdapter extends FragmentPagerAdapter {
private ListfragmentList;
public MyFragmentVPAdapter(@NonNull FragmentManager fm,Listlist) {
super(fm);
this.fragmentList=list;
}
@NonNull
@Override
public Fragment getItem(int position) {
return fragmentList==null?null:fragmentList.get(position);
}
@Override
public int getCount() {
return fragmentList==null?0:fragmentList.size();
}
} 获取数据源的位置
public Fragment getItem(int position){
return mFragmentList==null?null:mFragmentList.get(position);
}获取数据源的个数
public int getCount(){
return mFragmentList==null?0:mFragmentList.size();
}需要传入一个FragmentManager对象和数据源。
1.3 创建Fragment
也是只有一个文本TextView，new的时候传入一个参数来更改文本。
1.4 Java主代码
声明数据源List
实例化Fragment，用newInstance()。并add到List中。
1.4.2实例化适配器传入两个参数，getSupportFragmentManager()即可获取FragmentManager对象，数据源。
1.4.3给ViewPager添加适配器setAdapter即可。
1.4.4 给ViewPager添加监听事件addOnPageChangeListener()，其中可以设置比如让底部导航栏变色。
2 中级版
ViewPager通过滑动来切换Fragment，有普通的底部导航栏，故也可以通过底部导航栏切换fragment。
用法：ViewPager+FragmentPagerAdapter+普通ButtonView
ViewPager用法+FragmentPagerAdapter的用法+ViewPager和底部导航栏的联动
就是要写很多控件，还要找，比较麻烦。
2.1 XML布局文件添加ViewPager在Activity的XML布局文件中添加一个控件——ViewPager。
加入宽高和ID即可。
在Java代码中找控件ViewPager。
2.2 Java代码创建Adapter类
继承自FragmentPagerAdapter类，重写两个方法getItem，getCount。
2.3 重写FragmentPagerAdapter的两个方法
同上1.2。
2.4 创建Fragment
也是只有一个文本TextView，new的时候传入一个参数来更改文本。
2.5 Java主代码
声明数据源List
实例化Fragment，用newInstance()。并add到List中。
2.5.2 实例化适配器传入两个参数，getSupportFragmentManager()即可获取FragmentManager对象，数据源。
2.5.3 给ViewPager添加适配器setAdapter即可。
2.6 ViewPager和底部导航栏的联动
当切换页面的时候，把底部导航相应的状态给改变一下。通过ViewPager的addOnPageChangeListener的三个回调。
当点击底部导航时，把Fragment的页面给切换一下。通过线性布局的按钮点击事件的回调。
3 高级版
ViewPager通过滑动来切换Fragment，底部导航栏换成了ButtonNavigationView，故也可以通过底部导航栏切换fragment。
就是在中级版的基础上，把普通按钮换成了另外一个控件ButtonNavigationView，这个控件更加方便。
用法：ViewPager+FragmentPagerAdapter+ButtonNavigationView实现底部导航页
ViewPager用法+FragmentPagerAdapter用法+ButtonNavigationView用法+ViewPager切换页面和ButtonNavigationView的联动+Badge用法（新消息提示）。
3.1 ViewPager用法数据List<>+适配器FragmentPagerAdapter+ViewPager
3.2 FragmentPagerAdapter用法
继承自FragmentPagerAdapter类，重写两个方法getItem，getCount。
同上1.2。
3.3 ButtonNavigationView用法
有两个重要的属性app:menu（声明导航按钮）和app:labelVisibility（导航按钮的显示模式，有4个值可选）
labeled（一直显示文字），unlabeled（不显示文字），selected（选中显示文字），auto（自动：小于三个按钮取labeled；大于三个按钮取selected）。
3.4 ViewPager切换页面和ButtonNavigationView的联动 3.4.1 ViewPager联动ButtonNavigationView
当ViewPager发生变化时，底部按钮要发生变化
mViewPager.addOnPageChangeListener(...)
mBottomNavigationView.setSelectedItemId(R.id.menu_xxx)当点击按钮时，ViewPager要发生变化
mBottomNavigationView.setOnItemSelectedListener(...)
mViewPager.setCurrentItem(index)创建Badge
//新消息加到菜单中哪个icon中，注册
BadgeDrawable badge=mBottomNavigationView.getOrCreateBadge(R.id.menu_xxx);设置消息数
//默认是4个字符，只能999+
badge.setNumber(949);
//代表只能容下3个字符，99+
//若是4，则是999+
badge.setMaxCharacterCount(3);到达页面移除badge
mBottomNavigationView.removeBadge(R.id.menu_xxx);开始写代码咯！
3.5 3.6 创建菜单menu之前的博客有写，直接创建选项菜单即可。可以在icon选取一个selected选择器，有按下和不按的两种图标状态。我这里没有设置选择器，只有一个icon而已。
最基础的是设置宽高和Id，如果没有ButtonNavigationView控件，可能是没有导入依赖"com.google.android.material:material:1.2.1"。
ViewPager额外设置权重weight属性。
ButtonNavigationView额外设置app:menu和app:labelVisibility。
找两个控件即可。
public class MainActivity extends AppCompatActivity {
private ViewPager viewPager;
private BottomNavigationView mBottomNavigationView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mBottomNavigationView = findViewById(R.id.btm_nav);
viewPager = findViewById(R.id.vp);
}
}继承自FragmentStatePagerAdapter类，这个类会回收划掉的页面，而前面那个FragmentPagerAdapter不会回收，会在后台占据着内存，使用方面是一样的。
3.10 重写FragmentPagerAdapter的两个方法重写getItem，getCount。同上1.2。
3.11 适配器构造器设置一个传入FragmentManager对象和数据源的构造器。
3.12 创建Fragment 3.12.1 XML文件
也是只有一个文本TextView，new的时候传入一个参数来更改文本。
通过传入参数来更改文本
public class viewPagerFragment extends Fragment {
private static final String ARG_PARAM1 = "param1";
private static final String ARG_PARAM2 = "param2";
private String mParam1;
private String mParam2;
private TextView textView;
public viewPagerFragment() {
}
public static viewPagerFragment newInstance(String param1, String param2) {
viewPagerFragment fragment = new viewPagerFragment();
Bundle args = new Bundle();
args.putString(ARG_PARAM1, param1);
args.putString(ARG_PARAM2, param2);
fragment.setArguments(args);
return fragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (getArguments() != null) {
mParam1 = getArguments().getString(ARG_PARAM1);
mParam2 = getArguments().getString(ARG_PARAM2);
}
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// Inflate the layout for this fragment
return inflater.inflate(R.layout.fragment_view_pager, container, false);
}
@Override
public void onViewCreated(@NonNull View view,
@Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
textView= view.findViewById(R.id.tv_1);
if(TextUtils.isEmpty(mParam1)){
textView.setText(mParam1);
}
}
}3.13 Java主代码
声明数据源List
Listlist=new ArrayList<>(); 实例化Fragment，用newInstance()。并add到List中。
private void initData() {
viewPagerFragment viewPagerFragmenthome=viewPagerFragment.newInstance("首页","");
viewPagerFragment viewPagerFragmentfind=viewPagerFragment.newInstance("发现","");
viewPagerFragment viewPagerFragmentmine=viewPagerFragment.newInstance("我的","");
list.add(viewPagerFragmenthome);
list.add(viewPagerFragmentfind);
list.add(viewPagerFragmentmine);
}传入两个参数，getSupportFragmentManager()即可获取FragmentManager对象，数据源。
myFragmentVPAdapter = new MyFragmentVPAdapter(getSupportFragmentManager(), list);setAdapter即可。
viewPager.setAdapter(myFragmentVPAdapter);addOnPageChangeListener()，其中可以设置比如让底部导航栏变色。
mViewPager.addOnPageChangeListener(...)
mBottomNavigationView.setSelectedItemId(R.id.menu_xxx)viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
switch(position){
case 0:
mBottomNavigationView.setSelectedItemId(R.id.like);
break;
case 1:
mBottomNavigationView.setSelectedItemId(R.id.local);
break;
case 2:
mBottomNavigationView.setSelectedItemId(R.id.report);
break;
case 3:
mBottomNavigationView.setSelectedItemId(R.id.share);
break;
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});写在第二个回调onPageSelected()，然后设置某个icon被选中即可，不需要再取消其他icon的选中状态，这个控件选中其中一个，另外的icon就会被取消，这就是ButtonNavigationView的好处。
3.13.5 给ButtonNavigationView添加监听事件mBottomNavigationView.setOnItemSelectedListener()，可以让ViewPager切换页面。
//旧方法，已经废弃
mBottomNavigationView.setOnItemSelectedListener(...)
//设置ViewPager
mViewPager.setCurrentItem(index)//我们这里不用废弃的旧方法，用setOnItemSelectedListener
mBottomNavigationView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch(item.getItemId()){
case R.id.like:
viewPager.setCurrentItem(0);
break;
case R.id.local:
viewPager.setCurrentItem(1);
break;
case R.id.report:
viewPager.setCurrentItem(2);
break;
case R.id.share:
viewPager.setCurrentItem(3);
break;
default:
break;
}
return true;
}
});BadgeDrawable badgeDrawable=mBottomNavigationView.getOrCreateBadge(R.id.like);
badgeDrawable.setNumber(888);
badgeDrawable.setMaxCharacterCount(3);在ViewPager的页面监听事件中获取信息，如果到达这个页面的话就移除。
mBottomNavigationView.removeBadge(R.id.like);package com.example.fragmentviewpager;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager.widget.ViewPager;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import com.google.android.material.badge.BadgeDrawable;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import com.google.android.material.navigation.NavigationBarView;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private ViewPager viewPager;
private BottomNavigationView mBottomNavigationView;
private MyFragmentVPAdapter myFragmentVPAdapter;
Listlist=new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mBottomNavigationView = findViewById(R.id.btm_nav);
viewPager = findViewById(R.id.vp);
initData();
myFragmentVPAdapter = new MyFragmentVPAdapter(getSupportFragmentManager(), list);
viewPager.setAdapter(myFragmentVPAdapter);
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
switch(position){
case 0:
mBottomNavigationView.removeBadge(R.id.like);
mBottomNavigationView.setSelectedItemId(R.id.like);
break;
case 1:
mBottomNavigationView.setSelectedItemId(R.id.local);
break;
case 2:
mBottomNavigationView.setSelectedItemId(R.id.report);
break;
case 3:
mBottomNavigationView.setSelectedItemId(R.id.share);
break;
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
mBottomNavigationView.setOnItemSelectedListener(new NavigationBarView.OnItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch(item.getItemId()){
case R.id.like:
viewPager.setCurrentItem(0);
break;
case R.id.local:
viewPager.setCurrentItem(1);
break;
case R.id.report:
viewPager.setCurrentItem(2);
break;
case R.id.share:
viewPager.setCurrentItem(3);
break;
default:
break;
}
return true;
}
});
BadgeDrawable badgeDrawable=mBottomNavigationView.getOrCreateBadge(R.id.like);
badgeDrawable.setNumber(888);
badgeDrawable.setMaxCharacterCount(3);
}
private void initData() {
viewPagerFragment viewPagerFragmenthome=viewPagerFragment.newInstance("首页","");
viewPagerFragment viewPagerFragmentfind=viewPagerFragment.newInstance("发现","");
viewPagerFragment viewPagerFragmentmine=viewPagerFragment.newInstance("我的","");
list.add(viewPagerFragmenthome);
list.add(viewPagerFragmentfind);
list.add(viewPagerFragmentmine);
}
} 你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧
分享名称：ViewPager和Fragment使用（附源码）-创新互联
文章链接：http://shouzuofang.com/article/dehcig.html