自定义TabLayout布局＋Viewpager

最新推荐文章于 2024-05-17 14:24:17 发布

原创

最新推荐文章于 2024-05-17 14:24:17 发布 · 954 阅读

本文记录了在开发过程中，由于UI需求严格，需要自定义TabLayout来完成特定效果的过程。作者花费了一上午时间研究并成功实现，现分享一个完整的自定义TabLayout+ViewPager的Demo链接。

最近新做一个APP、UI设计是别的公司的、很是严格、一个tablayout要自定义才能实现，也怪自己渣、这个功能搞了一上午、趁热打铁、抽出个demo

private void initTab() {
    mFragmentList = new ArrayList<>();
    mFragmentList.add(HomeFragment.newInstance());
    mFragmentList.add(HomeFragment.newInstance());
    mFragmentList.add(HomeFragment.newInstance());
    mFragmentList.add(HomeFragment.newInstance());

    Adapter adapter = new Adapter(getSupportFragmentManager());
    mCustomViewPager.setAdapter(adapter);
    tabLayout.setupWithViewPager(mCustomViewPager);

    one = tabLayout.getTabAt(0);
    two = tabLayout.getTabAt(1);
    three = tabLayout.getTabAt(2);
    four = tabLayout.getTabAt(3);

    View view1 = View.inflate(getApplicationContext(), R.layout.tablayout_tabitem_view, null);
    one.setCustomView(view1);
    TextView text = (TextView) view1.findViewById(R.id.tv_title);
    TextView ivDot = (TextView) view