Android底部导航 + 未读数 + 未读数滑动移除

本文为原创,转载请注明出处:http://www.jianshu.com/p/077da6bb9ef1

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


Android底部导航 + 未读数 + 未读数滑动移除_第1张图片
ezgif-1-2b815c5201.gif

1.效果图代码实现

  1. 布局文件
 
  //可以不定义这个节点,在初始化EasyFragmentTabHost指定内容Id也可以,类似FragmentTabHost的setup方式,如果要指定则id必须为easyTabContent。
        
//也可以不指定这个节点,如果要指定,则id必须为easyTabs
        
    

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

你可能感兴趣的:(Android底部导航 + 未读数 + 未读数滑动移除)