美文网首页第三方控件Android开发Android
一个开源JPTabBar for Android,炫酷的底部导航

一个开源JPTabBar for Android,炫酷的底部导航

作者: MRJpeng | 来源:发表于2016-11-19 16:47 被阅读1306次

    JPTabBar

    TabBar这个名字相信很多学过一点IOS程序员都知道它是用来干嘛的,但本人也并非擅长开发IOS程序员,只是略懂略懂....这是一个很强大的TabBar,可满足很多需求。用起来也非常简单,在oncreate只调用一行代码就把UI布局和切换页面功能基本都实现了。具体实现的功能,请看效果图:

    ![3.gif](http:https://img.haomeiwen.com/i3417927/88f405b34e51ab57.gif?imageMogr2/auto-orient/strip)

    使用方法:

    1.引入Gradle依赖

     repositories { 
           jcenter()   
     }   
    
     dependencies{     
       compile 'com.jpeng:JPTabBar:1.1.0'   
     }
    

    2.在你的主页面XML,在适当位置添加下面代码

    <com.jpeng.jptabbar.JPTabBar   
       android:id="@+id/tabbar"    
       android:layout_width="match_parent" 
       android:layout_height="wrap_content"    
       android:background="#fff"/>
      <!--当然,还有其他自定义结点属性提供给开发者设置-->
    

    3.在你的Activity里面声明注解变量。(seleIcons和BadgeModes可以不声明,还有你要确保你全部数组的长度是一样的)

        @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};
    
    
    
    
    

    经过上面的设置后,基本上就可以把一个底部的UI搭建了!
    但还有一步,想达到Wechat那种渐变和自动切换ViewPager就使用这个方法。

      //调用TabBar的setContainer方法,传入 ? extends ViewPager
      mTabBar.setContainer(mViewpager);
    

    其他的,还有很多结点和方法说明,具体在Github:

    https://github.com/peng8350/JPTabBar

    开发者反馈:

    假如你有什么需求或者发现BUG,什么的,可以直接发我邮箱:83508440@qq.com,或者直接在Github上issue!

    相关文章

      网友评论

      • 0f421b74ad9f:这个中间的按钮点击事件怎么设置?
      • fendo:赞一个
      • muyrk:这个tabbar是官方提供的吗?
        muyrk: @MRJpeng 嗯!
        MRJpeng:@1e8ecaf8828e 自定义View自己构造的

      本文标题:一个开源JPTabBar for Android,炫酷的底部导航

      本文链接:https://www.haomeiwen.com/subject/rxfjpttx.html