第一步:导入依赖:
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);
效果图: