Tablayout+ViewPager+Fragment 实现页面切换

项目也快上线了,就来总结下Tablayout+ViewPager+Fragment 的使用啦

主activity

public class DoSomethingAct extends BaseActivity {


    @BindView(R.id.tooBarTitleTv)
    TextView tooBarTitleTv;
    @BindView(R.id.tabLayout)
    TabLayout tabLayout;
    @BindView(R.id.viewPager)
    ViewPager viewPager;
    FourDetailAdapter adapter;
    private ArrayList<Fragment> fragmentList = new ArrayList<>();//fragmentList

    @Override
    protected int getLayoutId() {
        return R.layout.xm_spfbqk_act;
    }

    @Override
    public void initImmersionBar() {
        super.initImmersionBar();
        ImmersionBar.with(this)
                .statusBarDarkFont(true)
                .applySystemFits(true)
                .init();
    }

    @Override
    protected void initView() {
        super.initView();
        String [] titleArry = null;
        tooBarTitleTv.setText("我的办件");
        getSwipeBackLayout().setEnableGesture(false);
        fragmentList.add(new MyMessageScheduleFragment(0));
        fragmentList.add(new MyMessageScheduleFragment(1));
        titleArry = new String[]{"资质办件","项目办件"};
        setGroupFragment(titleArry);
    }

    private void setGroupFragment(String[] titleArry) {
        adapter = new FourDetailAdapter(getSupportFragmentManager());
        adapter.setFragments(fragmentList);
        viewPager.setAdapter(adapter);
        tabLayout.setupWithViewPager(viewPager);//让tablayout与viewpager建立关联关系

        for (int i =0;i<titleArry.length;i++){
            setTabItem(titleArry,i);
        }
        //tablayout选中状态的一些UI更新
        tabLayout.addOnTabSelectedListener(new TabLayout.BaseOnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                View view = tab.getCustomView();
                TextView textView = view.findViewById(R.id.tv);
                textView.setTextColor(getResources().getColor(R.color.f3474C6));
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                View view = tab.getCustomView();
                TextView textView = view.findViewById(R.id.tv);
                textView.setTextColor(getResources().getColor(R.color.f969597));
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
        chooseFirst();
    }
    private void chooseFirst() {
        TabLayout.Tab tabAt = tabLayout.getTabAt(0);
        View view = tabAt.getCustomView();
        TextView textView = view.findViewById(R.id.tv);
        textView.setTextColor(getResources().getColor(R.color.f3474C6));

    }
    private void setTabItem(String[] titleArry,int i) {
        View view = LayoutInflater.from(this).inflate(R.layout.zz_wyb_tablayout_title_items, null);
        TextView textView = (TextView) view.findViewById(R.id.tv);
        textView.setText(titleArry[i]);
        tabLayout.getTabAt(i).setCustomView(view);
    }

    @Override
    protected void onStart() {
        super.onStart();
    }

}
FragmentPagerAdapter
/**
 * tablayout相关adapter
 */
public class FourDetailAdapter extends FragmentPagerAdapter {
    private List<Fragment> mFragmentList;
    public void setFragments(ArrayList<Fragment> fragments) {
        mFragmentList = fragments;
    }

    public FourDetailAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        Fragment fragment = mFragmentList.get(position);
        return fragment;
    }

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

    @Override
    public CharSequence getPageTitle(int position) {
        return super.getPageTitle(position);
    }
}

另一个fragment就不放啦

 

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

android_frost

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值