在實際的專案開發中, 我們經常會用到類似 TabLayout 的佈局, 但是有的時候我們的需求樣式可能會跟 TabLayout 的樣式不太一樣, 今天帶給大家一個簡單的自定義指示器.

先來看下專案演示效果:

專案需求:
1. 頂部的 item 有可能是文字, 也有可能是圖片;
2. item 數量較少時, 可全屏顯示, item 過多時, 需要支援橫向滑動;
3. 指示器的樣式問題, 不同的位置可能樣式不一樣, 這裡需要考慮指示器樣式擴充套件性問題;
4. 新增資料時, 我希望是類似 ListView 那樣, 通過介面卡新增資料,而不是一個一個 add 進去.

專案整體簡介:
1.自定義屬性:
1).default_count:
該屬性是用來定義一屏顯示的預設的總的 item 個數, 如果 item 個數小於等於這個預設的值, 就平均分配大小

2.頂部 item 的處理:
專案中通過介面卡模式為佈局新增 itemView, 這裡使用的是原生的介面卡 BaseAdapter, 使用的時候我們可以像寫 ListView 介面卡那樣,
寫一個介面卡類繼承自 BaseAdapter

3.指示器樣式:
專案中指示器樣式的實現被分離出來, 這裡實際上用了一個策略模式, 預設已經給出了兩個樣式, 如果給定的樣式不滿足專案的要求, 可以自己實現
IndicatorStrategy介面, 根據需求實現自己的邏輯

目前給出兩個預設的樣式, 後續會持續新增其他的樣式, 邏輯很簡單

使用方法:
1.在佈局中引入

<com.example
 
.tabtitlelayout.weight.TabTitleLayout
        android:id="@+id/tabTitleLayout"
        android:layout_width="match_parent"
        app:default_count="5"
        android:layout_height="48dp"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
 

        android:layout_height="match_parent"
        android:layout_below="@id/tabTitleLayout"/>

2.定義一個頂部 tab 的介面卡繼承自 BaseAdapter

3.定義 Fragment 介面卡

4.Activity 重配置

mViewPager.setAdapter(mPageAdapter);
        mTitleLayout.setAdapter(mAdapter);
        mTitleLayout.setUpWithViewPager(mViewPager);
        mTitleLayout.setIndicatorStrategy(mLineIndicator);
        mTitleLayout.setOnIndicatorClickListener(this);

        titleList = new ArrayList<>();
        titleList.add("第一");
        titleList.add("第二");
        titleList.add("第三");
        titleList.add("第四");
        titleList.add("第五");
        titleList.add("第六");
        titleList.add("第七");
        titleList.add("第八");
        mAdapter.setTitleList(titleList);
        for (int i = 0; i < titleList.size(); i++) {
            CommonFragment commonFragment = CommonFragment.newInstance(i);
            mFragmentList.add(commonFragment);
        }
        mPageAdapter.setFragmentList(mFragmentList);

android 開發交流群: 190088567