TabTopAutoLayout【自定义顶部选项卡区域（带下划线）（动态选项卡数据且可滑动）】

        //设置要添加的子布局view的参数
        LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
//        params.weight = 1;//在tab_item文件的根节点RelativeLayout中是无法添加的，而这个是必须要写上的，否则只会展现一个view
        params.gravity = Gravity.CENTER;

            //===========设置选项卡控件的下划线【不能使用View，否则setWidth不能用】==========
            final TextView top_underline = (TextView) toptabitemView.findViewById(R.id.top_underline);
            //设置下划线的宽度值==根布局的宽度
            top_title.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
            Log.w("why", "top_title.getMeasuredWidth()="+top_title.getMeasuredWidth());
            toptabLayout.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
            Log.w("why", "toptabLayout.getMeasuredWidth()="+toptabLayout.getMeasuredWidth());
            top_underline.setWidth(toptabLayout.getMeasuredWidth());//手动设置下划线的宽度值

    <!-- 可滑动的顶部选项卡区域 -->
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <com.why.project.tabtopautolayoutdemo.views.tab.TabTopAutoLayout
            android:id="@+id/id_titleLayout"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            />
    </HorizontalScrollView>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <!-- *********************************顶部选项卡区域********************************* -->
    <!-- 顶部选项卡下划线背景色 -->
    <color name="tab_auto_normal_top">#00ffffff</color>
    <color name="tab_auto_selected_top">#3090d9</color>
    <!-- 顶部选项卡文本颜色 -->
    <color name="tab_text_normal_top">#191919</color>
    <color name="tab_text_selected_top">#3090d9</color>

</resources>

<resources>
    <!-- Default screen margins, per the Android Design guidelines. -->
    <dimen name="activity_horizontal_margin">16dp</dimen>
    <dimen name="activity_vertical_margin">16dp</dimen>

    <!-- *********************************顶部选项卡区域********************************* -->
    <!-- 选项卡的内边距 -->
    <dimen name="tab_top_auto_padding">10dp</dimen>
    <!-- 选项卡标题的文字大小 -->
    <dimen name="tab_top_auto_title_size">18sp</dimen>
    <!-- 选项卡标题的下划线高度 -->
    <dimen name="tab_top_auto_height">3dp</dimen>
</resources>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.why.project.tabtopautolayoutdemo.MainActivity">

    <!-- 可滑动的顶部选项卡区域 -->
    <HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none">

        <com.why.project.tabtopautolayoutdemo.views.tab.TabTopAutoLayout
            android:id="@+id/id_titleLayout"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            />
    </HorizontalScrollView>

    <View
        android:layout_width="match_parent"
        android:layout_height="1sp"
        android:background="#e9e9e9"
        />

    <!-- 切换区域 -->
    <TextView
        android:id="@+id/tv_show"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text=""/>

</LinearLayout>

package com.why.project.tabtopautolayoutdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.TextView;

import com.why.project.tabtopautolayoutdemo.views.tab.TabTopAutoLayout;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";

    private TabTopAutoLayout id_titleLayout;

    private ArrayList<CharSequence> tabTitleList = new ArrayList<CharSequence>();

    /**保存的选项卡的下标值*/
    private int savdCheckedIndex = 0;
    /**当前的选项卡的下标值*/
    private int mCurrentIndex = -1;

    private TextView tv_show;//显示选中的选项卡的文本

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化控件
        initView();
        //初始化数据
        initData();
        //初始化控件的点击事件
        initEvent();
    }

    @Override
    protected void onResume() {
        // TODO Auto-generated method stub
        super.onResume();
        Log.w(TAG, "{onResume}");
        //设置保存的或者初始的选项卡标红显示
        SwitchTab(savdCheckedIndex);

        mCurrentIndex = -1;//解决按home键后长时间不用，再次打开显示空白的问题
        //设置保存的或者初始的选项卡展现对应的fragment
        ShowFragment(savdCheckedIndex);
    }

    /**
     * 初始化控件
     * */
    private void initView(){
        id_titleLayout = (TabTopAutoLayout) findViewById(R.id.id_titleLayout);

        tv_show = (TextView) findViewById(R.id.tv_show);
    }

    /**初始化数据*/
    private void initData() {
        tabTitleList.add("推荐");
        tabTitleList.add("直播");
        tabTitleList.add("科技");
        tabTitleList.add("国际");
        tabTitleList.add("国内");
        tabTitleList.add("体育");
        tabTitleList.add("教育");
        tabTitleList.add("军事");
        tabTitleList.add("财经");
        tabTitleList.add("社会");
        tabTitleList.add("专题");
        id_titleLayout.setTabList(tabTitleList);
    }

    /**
     * 初始化点击事件
     * */
    private void initEvent(){
        //每一个选项卡的点击事件
        id_titleLayout.setOnTopTabSelectedListener(new TabTopAutoLayout.OnTopTabUnderLineSelectListener() {
            @Override
            public void onTopTabSelected(int index) {
                ShowFragment(index);//独立出来，用于OnResume的时候初始化展现相应的Fragment
            }
        });
    }

    /**控制切换选项卡*/
    public void SwitchTab(int checkedIndex){
        if(id_titleLayout != null){
            id_titleLayout.setTabsDisplay(checkedIndex);
        }
    }

    /**
     * 显示选项卡对应的Fragment*/
    public void ShowFragment(int checkedIndex) {
        if (mCurrentIndex == checkedIndex) {
            return;
        }
        //隐藏全部碎片
        hideFragments();
        //=============To Do根据实际情况显示不同的区域=============
        tv_show.setText(tabTitleList.get(checkedIndex).toString());
        savdCheckedIndex = checkedIndex;
        mCurrentIndex = checkedIndex;
    }

    /**隐藏全部碎片
     * 需要注意：不要在OnResume方法中实例化碎片，因为先添加、显示，才可以隐藏。否则会出现碎片无法显示的问题*/
    private void hideFragments() {
        //=============根据实际情况进行处理=============
        tv_show.setText("");
    }

    /**
     * http://blog.csdn.net/caesardadi/article/details/20382815
     * */
    // 自己记录fragment的位置,防止activity被系统回收时，fragment错乱的问题【按home键返回到桌面一段时间，然后在进程里面重新打开，会发现RadioButton的图片选中状态在第二个，但是文字和背景颜色的选中状态在第一个】
    //onSaveInstanceState()只适合用于保存一些临时性的状态，而onPause()适合用于数据的持久化保存。
    protected void onSaveInstanceState(Bundle outState) {
        //http://www.cnblogs.com/chuanstone/p/4672096.html?utm_source=tuicool&utm_medium=referral
        //总是执行这句代码来调用父类去保存视图层的状态”。其实到这里大家也就明白了，就是因为这句话导致了重影的出现
        //super.onSaveInstanceState(outState);
        outState.putInt("selectedCheckedIndex", savdCheckedIndex);
        outState.putInt("mCurrentIndex", mCurrentIndex);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState) {
        savdCheckedIndex = savedInstanceState.getInt("selectedCheckedIndex");
        mCurrentIndex = savedInstanceState.getInt("mCurrentIndex");
        super.onRestoreInstanceState(savedInstanceState);
    }


}