Android 如何使Tablayout内容和下划线长度相同?

我们在使用Tablayout选项卡控件的时候经常要根据项目需求做一些改动,比如如何使Tablayout内容和下划线长度相同,类似头条选项卡那种。通常我们的策略是通过反射的机制去改变Tabview的长度。下面直接贴代码:

public void setIndicator(){
		 //拿到tabLayout的mTabStrip属性
                Field mTabStripField = tabLayout.getClass().getDeclaredField("mTabStrip");
                mTabStripField.setAccessible(true);
                LinearLayout mTabStrip = (LinearLayout) mTabStripField.get(tabLayout);
                int dp10 = Utils.dip2px1(tabLayout.getContext(), 10);
                for (int i = 0; i < mTabStrip.getChildCount(); i++) {
                    View tabView = mTabStrip.getChildAt(i);
                    //拿到tabView的mTextView属性
                    Field mTextViewField = tabView.getClass().getDeclaredField("mTextView");
                    mTextViewField.setAccessible(true);
                    TextView mTextView = (TextView) mTextViewField.get(tabView);
                    tabView.setPadding(0, 0, 0, 0);
                    //因为我想要的效果是   字多宽线就多宽,所以测量mTextView的宽度
                    int width = 0;
                    width = mTextView.getWidth();
                    if (width == 0) {
                        mTextView.measure(0, 0);
                        width = mTextView.getMeasuredWidth();
                    }
                    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams();
                    params.width = width ;
                    params.leftMargin = dp10;
                    params.rightMargin = dp10;
                    tabView.setLayoutParams(params);
                    tabView.invalidate();
                    }

通常在debug状态下可以达到我们的效果,但是发布的签名版的时候记得加上忽略混淆。

#保持该类不被混淆 用到了反射修改tablayout下划线长度
-keep public class android.support.design.widget.**{*;}
-keep class android.support.design.internal.**{*;}

到这里基本可以满足我们的项目需求了,但是
因为我的项目使用到了api28api28Tablayout增加了一些差异性和新特性。最为重要的就是原来的mTabStripmTextView已经改名为slidingTabIndicatortextView,这样当你的项目使用了api28的时候常规的方法已经不可用,无法达到我们的效果,所以得将mTabStripmTextView分别改为slidingTabIndicatortextView。*
*但是**同样的28之后Tablayout也增加了一个新属性,使我们省了不少事情,

  app:tabIndicatorFullWidth="false" 

新属性tabIndicatorFullWidth设置为false就可以了,google已经把这件事情帮我们完成了。
代码和效果图如下:

<android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="#25367b"
        app:tabIndicatorHeight="4dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="#1c3599"
        app:tabIndicatorFullWidth="false"
        app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
        app:tabTextColor="#a1a6a5">
        <!--app:tabIndicatorFullWidth="false"-->
        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="真好" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="真香" />
        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="IG牛逼" />
    </android.support.design.widget.TabLayout>

在这里插入图片描述

希望可以帮助到大家。

猜你喜欢

转载自blog.csdn.net/qq_33241516/article/details/83899785