Android开发笔记:TabLayout+ViewPager=翻页视图

在这里插入图片描述
1、Main布局页面放置控件TabLayout和ViewPager。【注】此处TabLayout采用com.google.android.material.tabs.TabLayout,与《AS开发实战》P255不同,build.gradle采用
implementation “com.google.android.material:material:1.0.0”
同时对应的Java页面也需要使用
private com.google.android.material.tabs.TabLayout tl_test进行声明。

2、创建碎片FragmentA和FragmentB,分别绑定页面fragmenta和fragmentb,fragmenta绑定方式为:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragmenta, container, false);
}

3、在Main中继承接口implements FragmentA.OnFragmentInteractionListener,FragmentB.OnFragmentInteractionListener,并添加重写:

@Override
public void onFragmentInteraction(Uri u){
}

4、Main中设置标题数组
private String[] arr_txt = new String[]{“商品”,“详情”};
还有存放碎片的数组

private ArrayList<Fragment> arr_fra = new ArrayList<Fragment>();

5、Main中需要实现内部类MyAdapter继承自FragmentPagerAdapter,如下:

public class MyAdapter extends FragmentPagerAdapter {
public MyAdapter(FragmentManager fm) {
super(fm);
}
@Override
public int getCount() {
return arr_fra.size();
}
@Override
public Fragment getItem(int position) {
return arr_fra.get(position);
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return arr_txt[position];
}
}

CharSequence 类型可返回String类型。

6、Main中设置适配器和联动:

private void initView(){
tl_test = findViewById(R.id.tl_test);
vp_test = findViewById(R.id.vp_test);
arr_fra.add(new FragmentA());
arr_fra.add(new FragmentB());
MyAdapter fAdapter = new MyAdapter(getSupportFragmentManager());
vp_test.setAdapter(fAdapter);
tl_test.setupWithViewPager(vp_test);//联动
}

并在onCreate调用initView即可。

7、效果如下:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值