tablayout氣泡.gif

for (int i = 0; i < adapter.getCount(); i++) {
            TabLayout.Tab tab = mTabReport.getTabAt(i);
            // 更新CustomView(tablayout中textview和imageview布局)
            tab.setCustomView(R.layout.tab_item);
            if (i == 5) {//顯示氣泡的下標
                tab.getCustomView().findViewById(R.id.tab_iv).setVisibility(View.VISIBLE);
            }
            TextView textView = (TextView) tab.getCustomView().findViewById(R.id.tab_tv);
            textView.setText(title.get(i));//設置tab上的文字
        }
        //第一個默認選中
        TextView view = mTabReport.getTabAt(0).getCustomView().findViewById(R.id.tab_tv);
        ((TextView) view).setTextSize(14);
        ((TextView) view).setTextColor(ContextCompat.getColor(getActivity(), R.color.sys_blue));
        mTabReport.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                fragment = (ReportFragment) fragments.get(tab.getPosition());
                TextView tview = mTabReport.getTabAt(tab.getPosition()).getCustomView().findViewById(R.id.tab_tv);
                ((TextView) tview).setTextSize(14);
                ((TextView) tview).setTextColor(ContextCompat.getColor(getActivity(), R.color.sys_blue));
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
                TextView tview = mTabReport.getTabAt(tab.getPosition()).getCustomView().findViewById(R.id.tab_tv);
                ((TextView) tview).setTextSize(14);
                ((TextView) tview).setTextColor(ContextCompat.getColor(getActivity(), R.color.sys_gray_666));
            }

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

            }
        })

tab_item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tab_tv"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:text="tab"
        android:textColor="@color/sys_gray_666"
        android:textSize="13sp"
        android:gravity="center"/>

    <ImageView
        android:id="@+id/tab_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/customvip"
        android:visibility="gone"/>
</LinearLayout>