本文为原创，转载请注明出处：http://www.jianshu.com/p/077da6bb9ef1
首先来张效果图直观感受一下：
ezgif-1-2b815c5201.gif
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库中提供的一个小组件，可以快速实现常见的底部导航。
