1.一般Tablayout的使用是和viewpager一起,可以輕松實現標簽頁的切換;不用我們自己再去監聽事件,大大提高了編碼效率
使用步驟:
首先,compile'com.android.support:design:25.3.1'導入依賴
其次,在xml文件中使用如下代碼
<android.support.design.widget.TabLayout
android:id="@+id/tl_tab"
android:layout_width="match_parent"
android:layout_height="@dimen/csc_dp_48"
android:background="@color/csc_white"
app:tabSelectedTextColor="@color/csc_orange"http:// 選中標簽的字體顏色
app:tabIndicatorColor="@color/csc_orange"http:// 指示器的顏色
app:tabTextAppearance="@style/TabLayoutTextStyle"http:// style下寫一個style,內部屬性來一個textsisze即可;
app:tabTextColor="@color/csc_low_black">
</android.support.design.widget.TabLayout
>
<android.support.v4.view.ViewPager
android:id="@+id/vp_content"
android:layout_width="match_parent"
android:layout_height="match_parent">
在Activity中寫一個集合或者數組保存標簽頁面
public static finalString[]tabTitle=newString[]{"ss列表","xx列表"};
private TabAdapter? tabAdapter;
存放fragment的集合;
在OnCreate()里面如下
@Override
protected voidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_goods_manager);
ButterKnife.bind(this);
tvCommonTitle.setText("商品管理");
List fragments =newArrayList<>();
for(inti =0; i
if(i ==0) {
fragments.add(GoodsFragment.newInstance(i +""));
}else{
fragments.add(ManagerFragment.newInstance(i +""));
}
}
tabAdapter=newTabAdapter(getSupportFragmentManager(), fragments);
//給ViewPager設置適配器
pager.setAdapter(tabAdapter);
//將TabLayout和ViewPager關聯起來。
tab.setupWithViewPager(pager);
//通過反射設置指示器的寬度
setUpIndicatorWidth();
//設置可以滑動
tab.setTabMode(TabLayout.MODE_FIXED);
}
/**
*通過反射修改TabLayout Indicator的寬度（僅在Android 4.2及以上生效）
*/
private voidsetUpIndicatorWidth() {
try{
Class tabLayoutClass =tab.getClass();
Field tabStrip =null;
try{
tabStrip = tabLayoutClass.getDeclaredField("mTabStrip");
tabStrip.setAccessible(true);
}catch(NoSuchFieldException e) {
e.printStackTrace();
}
LinearLayout layout =null;
try{
if(tabStrip !=null) {
layout = (LinearLayout) tabStrip.get(tab);
}
for(inti =0; i < layout.getChildCount(); i++) {
View child = layout.getChildAt(i);
child.setPadding(0,0,0,0);
LinearLayout.LayoutParams params =newLinearLayout.LayoutParams(0, LinearLayout.LayoutParams.MATCH_PARENT,1);
if(Build.VERSION.SDK_INT>= Build.VERSION_CODES.JELLY_BEAN_MR1) {
params.setMarginStart(UiUtils.dp2px(this,40));
params.setMarginEnd(UiUtils.dp2px(this,40));
}
child.setLayoutParams(params);
child.invalidate();
}
}catch(IllegalAccessException e) {
e.printStackTrace();
}
}catch(Exception e) {
e.printStackTrace();
}
}
/**
* tablayout的適配器
*/
public classTabAdapterextendsFragmentPagerAdapter {
privateListfragments;
publicTabAdapter(FragmentManager fm, List fragments) {
super(fm);
this.fragments= fragments;
}
@Override
publicFragment getItem(intposition) {
returnfragments.get(position);
}
@Override
public intgetCount() {
returnfragments.size();
}
//設置tablayout標題
@Override
publicCharSequence getPageTitle(intposition) {
returntabTitle[position];
}
}
ok基本使用就是這樣了,有錯誤的地方還望指正,謝謝
