android底部导航上滑消失,Android底部导航 ＋ 未读数 ＋ 未读数滑动移除

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

ezgif-1-2b815c5201.gif

1.效果图代码实现

布局文件

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。

android:id="@id/easyTabContent"

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1"/>

//也可以不指定这个节点，如果要指定，则id必须为easyTabs

android:id="@id/easyTabs"

android:layout_width="match_parent"

android:layout_height="@dimen/size_tab_host"/>

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库中提供的一个小组件，可以快速实现常见的底部导航。