package com.why.project.tabtopunderlinelayoutdemo.views.tab;import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;import com.why.project.tabtopunderlinelayoutdemo.R;import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;/*** Created by HaiyuKing* Used 顶部选项卡布局类（注意：这个是tab_top_underline_item的父布局）*/public class TabTopUnderLineLayout extends LinearLayout {private Context mContext;//选项卡标题//CharSequence与String都能用于定义字符串，但CharSequence的值是可读可写序列，而String的值是只读序列。private CharSequence[] toptab_Titles = {""};//选项卡的各个选项的view的集合：用于更改背景颜色private List<View> toptab_Items = new ArrayList<View>();//选项卡的各个选项的标题的集合：用于切换时改变文字颜色private List<TextView> topTab_titles = new ArrayList<TextView>();//选项卡的各个选项的下划线的集合：用于切换时改变下划线颜色private List<View> topTab_underlines = new ArrayList<View>();public TabTopUnderLineLayout(Context context, AttributeSet attrs) {super(context, attrs);mContext = context;List<CharSequence> toptab_titleList = new ArrayList<CharSequence>();toptab_titleList = Arrays.asList(toptab_Titles);//初始化view：创建多个view对象（引用tab_bottom_item文件），设置图片和文字，然后添加到这个自定义类的布局中
        initAddBottomTabItemView(toptab_titleList);}//初始化控件private void initAddBottomTabItemView(List<CharSequence> tabTitleList){int countChild = this.getChildCount();if(countChild > 0){this.removeAllViewsInLayout();//清空控件//将各个选项的view添加到集合中
            toptab_Items.clear();//将各个选项卡的各个选项的标题添加到集合中
            topTab_titles.clear();//将各个选项卡的各个选项的下划线添加到集合中
            topTab_underlines.clear();}//设置要添加的子布局view的参数LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);params.weight = 1;//在tab_item文件的根节点RelativeLayout中是无法添加的，而这个是必须要写上的，否则只会展现一个viewparams.gravity = Gravity.CENTER;for(int index=0;index<tabTitleList.size();index++){final int finalIndex = index;//============引用选项卡的各个选项的布局文件=================View toptabitemView = LayoutInflater.from(mContext).inflate(R.layout.tab_top_underline_item, this, false);//===========选项卡的根布局==========RelativeLayout toptabLayout = (RelativeLayout) toptabitemView.findViewById(R.id.toptabLayout);//===========设置选项卡的文字==========final TextView top_title = (TextView) toptabitemView.findViewById(R.id.top_title);//设置选项卡的文字
            top_title.setText(tabTitleList.get(index));//===========设置选项卡控件的Tag(索引)==========用于后续的切换更改图片和文字top_title.setTag("tag"+index);//===========设置选项卡控件的下划线【不能使用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(top_title.getMeasuredWidth());//手动设置下划线的宽度值//添加选项卡各个选项的触发事件监听toptabitemView.setOnClickListener(new OnClickListener() {public void onClick(View v) {//设置当前选项卡状态为选中状态//修改View的背景颜色
                    setTabsDisplay(finalIndex);//添加点击事件if(topTabSelectedListener != null){//执行activity主类中的onBottomTabSelected方法
                        topTabSelectedListener.onTopTabSelected(finalIndex);}}});//把这个view添加到自定义的布局里面this.addView(toptabitemView,params);//将各个选项的view添加到集合中
            toptab_Items.add(toptabitemView);//将各个选项卡的各个选项的标题添加到集合中
            topTab_titles.add(top_title);//将各个选项卡的各个选项的下划线添加到集合中
            topTab_underlines.add(top_underline);}}/*** 设置底部导航中图片显示状态和字体颜色*/public void setTabsDisplay(int checkedIndex) {int size = topTab_titles.size();for(int i=0;i<size;i++){TextView topTabTitle = topTab_titles.get(i);View top_underline = topTab_underlines.get(i);//设置选项卡状态为选中状态if(topTabTitle.getTag().equals("tag"+checkedIndex)){//修改文字颜色
                topTabTitle.setTextColor(getResources().getColor(R.color.tab_text_selected_top));//修改下划线的颜色
                top_underline.setBackgroundColor(getResources().getColor(R.color.tab_underline_selected_top));}else{//修改文字颜色
                topTabTitle.setTextColor(getResources().getColor(R.color.tab_text_normal_top));//修改下划线的颜色
                top_underline.setBackgroundColor(getResources().getColor(R.color.tab_underline_normal_top));}}}/**设置显示的选项卡集合*/public void setTabList(ArrayList<CharSequence> toptab_titleList){initAddBottomTabItemView(toptab_titleList);}private OnTopTabUnderLineSelectListener topTabSelectedListener;//自定义一个内部接口，用于监听选项卡选中的事件,用于获取选中的选项卡的下标值public interface OnTopTabUnderLineSelectListener{void onTopTabSelected(int index);}public void setOnTopTabSelectedListener(OnTopTabUnderLineSelectListener topTabSelectedListener){this.topTabSelectedListener = topTabSelectedListener;}
}

<?xml version="1.0" encoding="utf-8"?>
<!-- 带有下划线的顶部选项卡子项的布局文件(选择图片界面) -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/toptabLayout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:paddingTop="@dimen/tab_top_underline_padding"android:paddingLeft="@dimen/tab_top_underline_padding"android:paddingRight="@dimen/tab_top_underline_padding"><!-- 标题 --><TextViewandroid:id="@+id/top_title"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:text=""android:textSize="@dimen/tab_top_underline_title_size"android:textColor="@color/tab_text_normal_top"android:layout_alignParentTop="true"android:layout_centerHorizontal="true" /><!-- 下划线--><!-- android:background="@color/tab_underline_selected_top" --><TextViewandroid:id="@+id/top_underline"android:layout_width="match_parent"android:layout_height="@dimen/tab_top_underline_height"android:background="@color/tab_underline_normal_top"android:layout_below="@id/top_title"android:layout_centerHorizontal="true"android:layout_marginTop="@dimen/tab_top_underline_padding"/></RelativeLayout>