TabLayout简单使用以及+Fragment配合

我使用的 android studio进行开发的，所以引用TabLayout很简单，

只要在build.gradle中加入compile ‘com.android.support:design:22.2.0’即可

或者直接写成（compile “com.android.support:design:$supportLibVersion”）。

ext {

supportLibVersion = “25.0.1”

}

代码：

常用套路：

String[] titles = getResources().getStringArray(R.array.visit_summary);
for (int i = 0; i < titles.length; i++) {
tab.addTab(tab.newTab().setText(titles[i]));
}
//        showIndex(0);//初始化 显示
tab.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
showIndex(tab.getPosition());//切换显示-文末有一个直接组合Fragment的切换方法
}

@Override
public void onTabUnselected(TabLayout.Tab tab) {

}

@Override
public void onTabReselected(TabLayout.Tab tab) {

}
});

切换方法：

//切换标签页
private void showIndex(int index) {
//第一页是总结评估-可编辑页面
if (index == 0) {

} else if (index == 1) {

} else if (index == 3) {

}
}

资源属性：

res-values-array文件里面添加：例如：

<string-array name="visit_summary">
<item>拜访预约</item>
<item>拜访现场</item>
<item>拜访承诺</item> </string-array>

布局里面可以写成：

<android.support.design.widget.TabLayout
android:id="@+id/tab"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerVertical="true"
android:background="@drawable/visit_summary_bg"//设置背景
app:tabBackground="@drawable/visit_summary_bg_tab"//这是每个页签的背景
app:tabGravity="fill"//页签状态（填充慢）
app:tabIndicatorColor="@null"//标签底部标识颜色
app:tabMode="fixed"//样式固定
app:tabSelectedTextColor="@color/white" 被选中的页签的字体颜色
/>

附上一个可能需要的功能：

可以写在工具类里面，直接调用。（一个是显示一半中间线方法，一个是显示全部中间线。）

使用方法直接调用，并写上对应的参数：

public static final int TABLAYOUT_NORMAL_COLOR=0;//默认颜色 常量
/**//代码中直接调用
*  tab TabLayout 对象
*  getContext() 当前类
*  Constants.TABLAYOUT_NORMAL_COLOR 使用默认的背景资源
*/
Utils.showTableLayoutDividerMiddle(tab, getContext(), Constants.TABLAYOUT_NORMAL_COLOR);

/**一个是显示一半中间线方法：
* TabLayout（自定义的控件） 的中间线设置 **一半的显示**
*
* @param view     TabLayout 对象
* @param context  当前类
* @param drawable 背景资源
*/
public static void showTableLayoutDividerMiddleHalf(TabLayout view, Context context, int drawable) {
//重新计算控件高度
int w = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
int h = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
view.measure(w, h);
LinearLayout linearLayout = (LinearLayout) view.getChildAt(0);
linearLayout.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE);//设置样式，中间线样式
linearLayout.setDividerPadding(view.getMeasuredHeight() / 4);//设置线的大小，间隔距离上下各为1/4，也就是1/2一半的大小
int lineDrawable = R.drawable.visit_summary_bg_line;//默认背景（颜色：灰色，大小1px）
if (drawable != Constants.TABLAYOUT_NORMAL) {
lineDrawable = drawable;
}
linearLayout.setDividerDrawable(ContextCompat.getDrawable(context, lineDrawable));//设置线
}

/**一个是显示全部中间线
* TabLayout（自定义的控件） 的中间线设置 显示
*
* @param view     TabLayout 对象
* @param context  当前类
* @param drawable 背景资源
*/
public static void showTableLayoutDividerMiddle(TabLayout view, Context context, int drawable) {
LinearLayout linearLayout = (LinearLayout) view.getChildAt(0);
linearLayout.setShowDividers(LinearLayout.SHOW_DIVIDER_MIDDLE);//设置样式，中间线样式
int lineDrawable = R.drawable.visit_summary_bg_line;//默认背景（颜色：灰色，大小1px）
if (drawable != Constants.TABLAYOUT_NORMAL) {
lineDrawable = drawable;
}
linearLayout.setDividerDrawable(ContextCompat.getDrawable(context, lineDrawable));//设置线
}

至于Fragment每个人添加方式不同，这里只举一中例子：

.

.

.

布局里写一个控件用于填充：

<LinearLayout
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp"
android:orientation="vertical"></LinearLayout>

代码里，这样写用于添加Fragment：

private Fragment1 fragment1;
private Fragment2 fragment2;
private Fragment3 fragment3;

private void addFragment() {
fragment1= new Fragment1 ();//创建对象
fragment1.setVisitId(visitId);//设置一些属性(不需要，可以不用)
fragment1.setEditMode(editMode);//设置一些属性(不需要，可以不用)
fragment1.setSomeListener(someListener);//设置一些监听(不需要，可以不用)

fragment2= new Fragment2 ();
fragment2.setVisitId(visitId);
fragment2.setEditMode(editMode);
fragment2.setSomeListener(someListener);

fragment3= new Fragment3();
fragment3.setVisitId(visitId);
fragment3.setEditMode(editMode);
fragment3.setSomeListener(someListener);

FragmentManager fm = getChildFragmentManager();
FragmentTransaction transaction = fm.beginTransaction();

transaction.add(R.id.container, Fragment1 , "fragment1").show(fragment1);
transaction.add(R.id.container, Fragment2 , "fragment2").hide(fragment2);
transaction.add(R.id.container, Fragment3 , "fragment3").hide(fragment3);

transaction.commit();
}

这里就是加上 Fragment的切换 Fragment的方法：

private void showIndex(int index) {
FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
List<Fragment> fragments = getChildFragmentManager().getFragments();
for (int i = 0; i < fragments.size(); i++) {
if (i == index) {
transaction.show(fragments.get(i));
} else {
transaction.hide(fragments.get(i));
}
}
transaction.commit();
}