CommonTabLayout的学习

仿写项目

CommonTabLayout基础使用(CommonTabLayout配合ViewPager实现tab页面切换)

第一步:添加依赖

implementation’com.flyco.tablayout:FlycoTabLayout_Lib:2.0.2@aar’

在布局文件中添加:

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#0D76FF"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <include layout="@layout/action_bar_7" />

    <com.flyco.tablayout.CommonTabLayout
        android:id="@+id/mCommonTabLayout"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#FFFFFF"

        app:tl_iconVisible="false"

        app:tl_indicator_color="#2C97DE"
        app:tl_indicator_corner_radius="1.5dp"
        app:tl_indicator_gravity="BOTTOM"
        app:tl_indicator_height="3dp"

        app:tl_textSelectColor="#505050"
        app:tl_textUnselectColor="#919191"
        app:tl_textsize="14sp"/>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/mViewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#F5F5F5"
        android:overScrollMode="never" />

</LinearLayout>

CommonTabLayou配合ViewPager实现tab页面切换

private CommonTabLayout mCommonTabLayout;
private ViewPager mViewPager;

private ArrayList<Fragment> mFragments = new ArrayList<>();
private ArrayList<CustomTabEntity> mTabEntities = new ArrayList<>();

mCommonTabLayout = (CommonTabLayout) findViewById(R.id.mCommonTabLayout);
mViewPager = (ViewPager) findViewById(R.id.mViewPager);

mFragments.add(DisputeWaitReceivingListFragment.getInstance());// 待签收
mFragments.add(DisputeRegisteredListFragment.getInstance());// 已登记
mFragments.add(DisputeWaitDefuseListFragment.getInstance());// 待化解
mFragments.add(DisputeAlreadyCirculationListFragment.getInstance());// 已流转
mFragments.add(DisputeAlreadyEndListFragment.getInstance());// 已结案


mTabEntities.add(new TabEntity("待签收"));
mTabEntities.add(new TabEntity("已登记"));
mTabEntities.add(new TabEntity("待化解"));
mTabEntities.add(new TabEntity("已流转"));
mTabEntities.add(new TabEntity("已结案"));

// mViewPager
mViewPager.setAdapter(new DisputeListActivityPagerAdapter(getSupportFragmentManager(), mTitles, mFragments));
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        mCommonTabLayout.setCurrentTab(position);
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }
});

mViewPager.setOffscreenPageLimit(mFragments.size());

// mCommonTabLayout
mCommonTabLayout.setTabData(mTabEntities);
mCommonTabLayout.setOnTabSelectListener(new OnTabSelectListener() {
    @Override
    public void onTabSelect(int position) {
        mViewPager.setCurrentItem(position);
    }

    @Override
    public void onTabReselect(int position) {

    }
});
mViewPager.setCurrentItem(mType);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值