摘要
本文主要记录TabLayout常常使用到的知识点，避免每次使用TabLayout时，改个小地方，就要花时间去回忆，百度。。。
目录
一、TabLayout的下划线属性设置
二、TabLayout中间的分割线Divider设置
三、TabLayout的disable设置
四、TabLayout的左右圆角设置
五、TabLayout和ViewPager的搭配使用
正文
一、TabLayout的下划线属性设置
TabLayout tabSelect= (TabLayout) findViewById(R.id.tab_select);
//add tab
tabSelect.addTab(tabSelect.newTab().setText("盘亏"));
tabSelect.addTab(tabSelect.newTab().setText("盘盈"));
//设置宽度
TabUtils.setIndicatorHalf(tabSelect);
工具类：
public classTabUtils {
/**
* 设置TabLayout下方下划线的宽度约为2分1
*@paramtabs
*/
public static voidsetIndicatorHalf(finalTabLayout tabs){
tabs.post(newRunnable() {
@Override
public voidrun() {
tabs.measure(0,0);
intwidth =tabs.getMeasuredWidth();
setIndicator(tabs,width*1/4,width*1/4);
}
});
}
/**
* 设置TabLayout下方下划线的宽度
* 至于使用方式的话,直接调用方法即可.必须要在Tablayout渲染出来后调用
*@paramtabs
*@paramleftDip
*@paramrightDip
*/
public static voidsetIndicator(TabLayout tabs, intleftDip, intrightDip) {
Class tabLayout = 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();
}
intleft = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, leftDip, Resources.getSystem().getDisplayMetrics());
intright = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, rightDip, Resources.getSystem().getDisplayMetrics());
// 通过修改Tab的宽度，间接修改Indicator的宽度
for(int i =0; i < llTab.getChildCount(); i++) {
View child = llTab.getChildAt(i);
child.setPadding(0,0,0,0);
LinearLayout.LayoutParams params =newLinearLayout.LayoutParams(0,LinearLayout.LayoutParams.MATCH_PARENT,1);
params.leftMargin= left;
params.rightMargin= right;
child.setLayoutParams(params);
child.invalidate();
}
}
}
二、TabLayout中间的分割线Divider设置
TabLayout tabSelect= (TabLayout) findViewById(R.id.tab_select);
//add tab
tabSelect.addTab(tabSelect.newTab().setText("盘亏"));
tabSelect.addTab(tabSelect.newTab().setText("盘盈"));
//add divider TABs中间分割线
LinearLayout linearLayout = (LinearLayout)tabSelect.getChildAt(0); //SlidingTabStrip extends LinearLayout
//SHOW_DIVIDER_NONE：默认，无分割线, SHOW_DIVIDER_BEGINNING：开始处,
//SHOW_DIVIDER_MIDDLE：Tabs中间, SHOW_DIVIDER_END：结束处
linearLayout.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE); //设置 Tabs 中间分割线显示位置
linearLayout.setDividerPadding(10);
linearLayout.setDividerDrawable(ContextCompat.getDrawable(this, R.drawable.style_divider_line)); //设置分割线资源
三、TabLayout的disable设置
/**
* TabSelect不可选时变灰 ，重置
*@paramenable
*/
private voidenableTabSelect(booleanenable) {
LinearLayout linearLayout = ( LinearLayout )tabSelect.getChildAt(0);
intchildCount = linearLayout.getChildCount();
for(int i = 0; i < childCount; i++) {
View child = linearLayout.getChildAt(i);
child.setClickable(enable);
if(enable){
child.setBackground(getResources().getDrawable(R.drawable.style_tab_select_bg));
}else{
child.setBackgroundColor(getResources().getColor(R.color.all_bg_gary));
}
}
tabSelect.setSelectedTabIndicatorColor( enable ? getResources().getColor(R.color.khaki): getResources().getColor(R.color.line_color));
tabSelect.getTabAt(0).select();//重置selected
}
四、TabLayout的左右圆角设置
布局文件：
< android.support.design.widget.TabLayout
android:layout_centerInParent="true"
android:id="@+id/tab_select"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/padding_four"
app:tabGravity="fill"
app:tabIndicatorColor="@color/transparency"
app:tabMode="fixed"
app:tabSelectedTextColor="@color/black"
app:tabTextAppearance="@style/TabLayoutTextStyle"
app:tabTextColor="@color/white"
/>
代码：
TabLayout tabSelect = (TabLayout) findViewById(R.id.tab_select);
tabSelect.addTab(tabSelect.newTab().setText("RFID模式"));
tabSelect.addTab(tabSelect.newTab().setText("条码模式"));
LinearLayout linearLayout = (LinearLayout) tabSelect.getChildAt(0);
linearLayout.getChildAt(0).setBackgroundResource(R.drawable.style_tab_left_circle);
linearLayout.getChildAt(linearLayout.getChildCount()-1).setBackgroundResource(R.drawable.style_tab_right_circle);
drawable文件：
五、TabLayout和ViewPager的搭配使用
