1.Introducing Gradle dependency

Repositories {jCenter ()}Copy the code

2.Add JPTabBar to your main interface layout

    Copy the code

3.In your main interface using an array of variables to declare an array of variables, the internal reflection to generate TabItem, attention is: Titles and NorIcons are required, the length of each array should be consistent

@titles private Static Final String[] mTitles = {" 一"," 一"," 一"," 一"," 一"}; @SeleIcons private static final int[] mSeleIcons = {R.mipmap.tab1_selected,R.mipmap.tab2_selected,R.mipmap.tab3_selected,R.mipmap.tab4_selected}; @NorIcons private static final int[] mNormalIcons = {R.mipmap.tab1_normal, R.mipmap.tab2_normal, R.mipmap.tab3_normal, R.mipmap.tab4_normal};Copy the code

4.After above, the layout of the TabBar basically has been built. If you want to achieve Wechat kind of gradual change as there are automatically ViewPager to change the function of the page, only in the oncreate Activity method, adding a line of code:

    //The parameters must be extends ViewPager
    mTabbar.setContainer(mPager);Copy the code

5.The project has provided many animation,If you want to Custom your Animation,You can setCustomAnimate,Duclipte of examples:

mTabbar.setCustomAnimate(new Animatable() { /** * When you Tab Pager,The method will be called * @param target IconView in the iconview * @param Duration your animation time */ @Override public void playAnimate(View target, int Duration) { ViewHelper.setPivotX(target,target.getLayoutParams().width/2); ViewHelper.setPivotY(target,target.getLayoutParams().height/2); AnimatorSet set = new AnimatorSet(); Set. PlayTogether (ObjectAnimator. OfFloat (target, scaleX, 0.2 f, 1 f). SetDuration (Duration), ObjectAnimator. OfFloat (target, "scaleY, 0.2 f, 1 f). SetDuration (Duration), ObjectAnimator. OfFloat (target, "alpha", 0.3 f, 1 f). SetDuration (Duration)); set.start(); } /** * The explain of the Method * When you touch in the ViewPager by User,The method will be called back * @param target The same in top * @param offset Range value 0f-1f */ @Override public void onPageAnimate(View target, Float offset) {ViewHelper. SetScaleX (target, 1 + offset * 0.2 f); ViewHelper. SetScaleY (target, 1 + offset * 0.2 f); } /** * return true can make onPageAnimate method called * @return */ @Override public boolean isNeedPageAnimate() { return true; }});Copy the code

1.If you have given setContainer TabBar, do not setOnPageChangeListener to ViewPager

  /**
    *If you already have the TabBar set up the container, 
    *and then call this method,
    *the kind of WeChat that drag the gradient effect and automatically switch the page will be invalid
    *If you want to listen to the page to change the event, you can use the TabListener
   */
  mPager.setOnPageChangeListener(this);

Copy the code

2.If you want to achieve the middle of the button, you must set the android:clipChildren= “false” to the parent node at the top of the main interface, otherwise it will be covered.

  
  
Copy the code

• Reverse the BadgePosition show error
• Reverse the background covered by the TabItem Bg
• Reverse the Default value error

• Reverse the Rending problem in the XML
• Reverse the BUG of CLick Tab Event CallBack twice.
• Add the OnPageAnimate Method in interface,Enhance the flexibility of animation