JPTabBar 底部导航栏框架使用

第一步:导入依赖:

implementation 'com.jpeng:JPTabBar:1.2.3'

第二步:添加布局xml文件:

//如果想在中间设置图片突起的话,父布局必须得是相对布局和,帧布局,它的高度得定死
<com.jpeng.jptabbar.JPTabBar
        android:id="@+id/tabBar"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        app:TabIconSize="20dp"
        app:TabMiddleView="@layout/item" />

第三步:在Activity中设置图片 和名称:

java代码,利用反射注解
    @Titles
    private static final String[] mTitles = {"主页", "发现", "成长", "我的"};

    @SeleIcons
    private static final int[] mSeleIcons = {R.mipmap.a, R.mipmap.b, R.mipmap.c, R.mipmap.d};

    @NorIcons
    private static final int[] mNormalIcons = {R.mipmap.aa, R.mipmap.bb, R.mipmap.cc, R.mipmap.dd};
//获取中间图片的id
         View middleView = tabBar.getMiddleView();
        ImageView imageView = middleView.findViewById(R.id.img);
//关联viewPager
        tabBar.setContainer(viewPager);

效果图:

猜你喜欢

转载自blog.csdn.net/weixin_42429629/article/details/81172790