我们在使用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.**{*;}
到这里基本可以满足我们的项目需求了,但是
因为我的项目使用到了api28
,api28
Tablayout增加了一些差异性和新特性。最为重要的就是原来的mTabStrip
和mTextView
已经改名为slidingTabIndicator
和textView
,这样当你的项目使用了api28的时候常规的方法已经不可用,无法达到我们的效果,所以得将mTabStrip
和mTextView
分别改为slidingTabIndicator
和textView
。*
*但是**同样的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>
希望可以帮助到大家。