TabLayout使用

第一次写,如果有错误请指正,不太会扯废话,思路都是按照自己的理解来的,如果有不适,多多包涵!

TabLayout 是com.android.support:design:25.3.1包下的控件，主要作用是作为ViewPager的指示器

一.使用

1、在build.gradle文件中加入compile 'com.android.support:design:25.3.1'

2、在布局文件中引用android.support.design.widget.TabLayout

3、在代码中和ViewPager关联tabLayout.setupWithViewPager(ViewPager)

4.重写ViewPager的Adapter 中的getPageTitle方法返回对应的title

二、常用属性和方法

app:tabIndicatorColor="@color/_FF3E30"指示器下标的颜色

app:tabSelectedTextColor="@color/_FF3E30"选中字体的颜色

app:tabTextColor="@color/_5F5F5F"默认字体的颜色

app:tabIndicatorHeight="2dp"指示器的高度

app:tabTextAppearance="@style/Tablayout_Title_Style"字体的样式 可以设置字体大小 格式

<style name="Tablayout_Title_Style">

 　　<item name="android:textSize">12sp</item>

　　<item name="android:textColor">@color/_8F8D88</item>

</style>

app:tabBackground="@android:color/white"背景颜色

app:tabMode="fixed"标题显示模式 fixed 固定的，不能超出屏幕scrollable不固定的，可以超出屏幕

app:tabContentStart="120dp"整个指示器居父控件左边的距离

app:tabMinWidth  tabMaxWidth每个Item的最小宽度 最大宽度

app:tabPadding/Top/Buttom/Start/End 设置对应的padding

app:tabGravity内容显示模式 fill 充满center局中 现在暂时没有发现作用

三.设置下划线的长度

由于在源码中对tabLayout的下划线进行了设置.并没有方法可以直接设置,可以使用反射的机制来实现这是参考

public void setIndicator (TabLayout tabs,int leftDip,int rightDip){   

　ClasstabLayout = tabs.getClass();   

　Field tabStrip = null;   

　try { 

 　  tabStrip = tabLayout.getDeclaredField("mTabStrip");   

　} catch (NoSuchFieldException e) {   

　　e.printStackTrace();   

　}     

tabStrip.setAccessible(true);   

LinearLayout llTab = null;   

try {   

　　llTab = (LinearLayout) tabStrip.get(tabs); 

  } catch (IllegalAccessException e) {   

　　e.printStackTrace(); 

  }     

int left = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, leftDip, 　　　　　　Resources.getSystem().getDisplayMetrics()); 

int right = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, rightDip, 　　　　　　Resources.getSystem().getDisplayMetrics());     

for (int i = 0; i < llTab.getChildCount(); i++) {   

　View child = llTab.getChildAt(i);   

　child.setPadding(0, 0, 0, 0);   

　LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, 　　　　　　　　　　　　　　　　LinearLayout.LayoutParams.MATCH_PARENT, 1);

 　params.leftMargin = left;   

　params.rightMargin = right;   

　child.setLayoutParams(params); 

 　child.invalidate();       

}

特别说明：如果出现以下崩溃

Caused by: java.lang.IllegalArgumentException: You need to use a Theme.AppCompat theme (or descendant) with the design library.

在清单文件中设置如下代码即可：

android:theme="@style/Theme.AppCompat"