先上效果图:
先看布局文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="60dp" />
<android.support.v4.view.ViewPager
android:id="@+id/fragment_pager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
这边初始化了三个数组,用于展示文字和图片,并绑定控件
private TabLayout tabLayout;
private ViewPager viewPager;
private String[] title = {"第一个", "第二个", "第三个"};
private int[] selectImg = {R.mipmap.icon_past_yellow, R.mipmap.icon_wrelust, R.mipmap.icon_yrelust_yellow};
private int[] unSelectImg = {R.mipmap.icon_past, R.mipmap.icon_wrelust_g, R.mipmap.icon_yrelust};
@Override
protected void onCreate(@Nullable Bundle savedInstanceSt