使用BottomTabBar+Fragment实现底部导航页

  注:详细见链接

   http://www.jianshu.com/p/ade8485a16be

1、导入依赖

   compile 'com.hjm:BottomTabBar:1.1.1'
2、在XML中定义控件

     <com.hjm.bottomtabbar.BottomTabBar
         android:id="@+id/fragment"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
     </com.hjm.bottomtabbar.BottomTabBar>
3、定义每一个Fragment这里只列举一个
   public class FragmentFour extends Fragment {
       @Nullable
       @Override
       public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
           View view = View.inflate(getActivity(),R.layout.fragmentfour,null);
           return view;
         }
   }
4、MainActivity中的设置

    public class MainActivity extends AppCompatActivity {
        private BottomTabBar fragment;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            fragment = findViewById(R.id.fragment);
            fragment.init(getSupportFragmentManager())
                .setImgSize(50,50)
                .setFontSize(8)
                .setTabPadding(4,6,10)
                .setChangeColor(Color.RED,Color.DKGRAY)
                .addTabItem("月光茶人",R.drawable.tab_home, FragmentOne.class)
                .addTabItem("优惠",R.drawable.tab_topic, FragmentThree.class)
                .addTabItem("购物车",R.drawable.ic_launcher_background, FragmentTwwo.class)
                .addTabItem("我的",R.drawable.ic_launcher_background, FragmentFour.class)
                .isShowDivider(false)
                .setOnTabChangeListener(new BottomTabBar.OnTabChangeListener() {
                     @Override
                    public void onTabChange(int position, String name) {
                    }
               });
        }
    }
              使用BottomTabBar+Fragment实现底部导航页