本文为原创，转载请注明出处：//www.greatytc.com/p/077da6bb9ef1

首先来张效果图直观感受一下：

ezgif-1-2b815c5201.gif

1.效果图代码实现

1. 布局文件

 <easy.view.tab.EasyFragmentTabHost
        android:id="@+id/tabhost"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
  //可以不定义这个节点，在初始化EasyFragmentTabHost指定内容Id也可以，类似FragmentTabHost的setup方式，如果要指定则id必须为easyTabContent。
        <FrameLayout
            android:id="@id/easyTabContent"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>
//也可以不指定这个节点，如果要指定，则id必须为easyTabs
        <easy.view.tab.EasyTabWidget
            android:id="@id/easyTabs"
            android:layout_width="match_parent"
            android:layout_height="@dimen/size_tab_host"/>
    </easy.view.tab.EasyFragmentTabHost>

2.Activity中的相关核心代码

        mTabHost = (EasyFragmentTabHost) this.findViewById(R.id.tabhost);
        mTabHost.setOnEasyTabChangedListener(new EasyTabHost.OnEasyTabChangedListener() {
            @Override
            public void onEasyTabSelected(int index) {
                showMsg("onEasyTabSelected:" + index);
            }

        });
        mTabHost.setOnEasyTabDoubleClickListener(new EasyTabHost.OnEasyTabDoubleClickListener() {
            @Override
            public void onEasyTabDoubleClick(int index) {
                showMsg("onEasyTabDoubleClick:" + index);
            }
        });
        mTabHost.setup(getSupportFragmentManager());
        //创建第一个Tab
        EasyFragTabView tabView = new EasyFragTabView(this,"AA1");
        tabView.setBackgroundResource(R.drawable.bg_easy_tabhost);
        tabView.getTextView().setText("你好");
        tabView.getTextView().setTextColor(this.getResources().getColor(R.color.bg_easy_tabhost_text));
        tabView.getImageView().setImageResource(R.drawable.bg_easy_tabhost_image);
        tabView.getBadgeConfigHelper().setDragable(true);
//        tabView.getBadgeViewHelper().setBadgeGravity(BadgeViewHelper.BadgeGravity.LeftCenter);
        tabView.showCirclePointBadge();
        //创建第二个Tab
        EasyFragTabView tabView2 = new EasyFragTabView(this,"AA@");
        tabView2.setBackgroundResource(R.drawable.bg_easy_tabhost);
        tabView2.getTextView().setText("很好");
        tabView2.getImageView().setImageResource(R.drawable.easy_ic_loading_circle);
        tabView2.getBadgeConfigHelper().setDragable(true);
//        tabView2.getBadgeViewHelper().setBadgeGravity(BadgeViewHelper.BadgeGravity.LeftTop);
        tabView2.getTextView().setTextColor(this.getResources().getColor(R.color.bg_easy_tabhost_text));
        tabView2.showTextBadge("99+");
        //添加tab
        mTabHost.addTab(tabView,TabFragment1.class,null);
        mTabHost.addTab(tabView2,TabFragment2.class,null);

以上便实现了效果图中的样子，其实主要代码都是设置tabitem的资源。所以核心代码就几句。

2. 具体类介绍

• EasyTabHost
  TabItem的容器，本质是一个LinearLayout的子类。主要管理IEasyTabItem，并提供了顶部分割线的绘制。
• IEasyTabItem
  EasyTabHost包含的TabItem必须实现的接口。
• EasyFragmentTabHost
  EasyTabHost的子类，用于与Fragment关联，主要管理IFragTabItem
• IFragTabItem
  EasyFragmentTabHost包含的TabItem必须实现的接口
• ** EasyTabView**
  重点，提供的TabItem的缺省实现，其中包含了一个ImageView和一个TextView，也实现了选中，双击，未读数，未读红点，未读数拖移删除等。为
• EasyFragTabView
  EasyTabView的子类，IFragTabItem的缺省实现，可以快速的用于EasyFragmentTabHost中。

更多的请见源码，demo地址。

此效果为Easy库中提供的一个小组件，可以快速实现常见的底部导航。