莫名其妙的Android导航栏

iPhone的底部导航栏很是受欢迎，以至于在Android上面也有不少应用模仿。其实在开源界已经有很多不错的类似于这种导航栏的开源库，不过今天介绍的这款有些许不同，它有一个莫名的功能——在导航栏中插入一个空视图。在这个空视图上，你可以另外再放置其他的控件。国内很多应用都有一个类似的底部导航栏，比如简书的APP就是如此(虽然简书的实现原理并不一定如此...)。

MagicTab

MagicTab是一款Android导航栏(或者说分页器？)，轻松实现两种常见的底部导航样式。

Feature

1. 支持两种模式，普通模式和空白模式。在空白模式中，你可以为MagicTab插入一个空视图；
2. 支持自定义MagicTab的背景和每个tab的文字颜色和大小。

Demo

MODE_NORMAL(普通模式):

MODE_NORMAL

MODE_BLANK(空白模式):

MODE_BLANK

Gradle Dependency

compile 'com.lybeat:magic-tab:1.0.0'

Usage

• STEP1:

  在你的布局文件中引入MagicTab

  <com.lybeat.magictab.MagicTab
      android:id="@+id/pager_tab_strip"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      lybeat:ptsPadding="4dp"
      lybeat:ptsBackground="@color/white"
      lybeat:ptsTextColorNormal="#ff666666"
      lybeat:ptsTextColorPressed="#ffff5959"
      lybeat:ptsTextSize="12sp"/>
  

• STEP2:

  定义TabAdapter并且继承MagicTab的IconTabProvider接口

• STEP3:

  关联TabAdapter, ViewPager和MagicTab

  TabAdapter tabAdapter = new TabAdapter(getSupportFragmentManager(), fragments, titles, noneIcons, pressedIcons);
  viewPager.setAdapter(tabAdapter);
  magicTab.setViewPager(viewPager);
  magicTab.setMode(MagicTab.MODE_BLANK);
  magicTab.setBlankIndex(2); // Insert blank view in third position of magictab
  

Thinking

目前MagicTab最基本的导航栏功能已经有了，不过咱发现它还可以添加很多功能，比如可以为每个tab增加一个显示未读消息的红点之类的。嘛！这些功能应该会在之后的版本中添加上去的。MagicTab的github地址，欢迎大家star~~~