tablayout上面图片下面文字

需要依赖的包

compile 'com.android.support:design:26.0.0-alpha1'

布局

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:id="@+id/viewPage_xiaoxi"
    android:layout_weight="1"
    ></android.support.v4.view.ViewPager>
    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tabGravity="fill"
        app:tabIndicatorHeight="0dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="#FF4081"
        app:tabTextColor="#000"
        android:id="@+id/tablayout_xiaoxi"
        ></android.support.design.widget.TabLayout>

主界面

public class MainActivity extends AppCompatActivity {
    private TabLayout.Tab one;
    private TabLayout.Tab two;
    private TabLayout.Tab three;
    private TabLayout.Tab four;

    private ViewPager viewPage_xiaoxi;
    private TabLayout tablayout_xiaoxi;
    private List<Fragment> data;
    private List<String> lists;
    private FragmentManager fm;
    private Found_Yao_Myadapter found_yao_myadapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initData() {

        lists.add("搜索");
        lists.add("药品库");
        lists.add("资讯");
        lists.add("用药交流");


        data.add(new Fou_Yao_KuFragment());
        data.add(new Fou_Yao_LiuFragment());
        data.add(new Fou_Yao_Sou_Fragment());
        data.add(new Fou_Yao_ZiXunFragment());
        //适配器
        found_yao_myadapter = new Found_Yao_Myadapter(getSupportFragmentManager(),data,lists);
        viewPage_xiaoxi.setAdapter(found_yao_myadapter);
        viewPage_xiaoxi.setCurrentItem(0);



        tablayout_xiaoxi.addTab(tablayout_xiaoxi.newTab().setText(lists.get(0)));
        tablayout_xiaoxi.addTab(tablayout_xiaoxi.newTab().setText(lists.get(1)));
        tablayout_xiaoxi.addTab(tablayout_xiaoxi.newTab().setText(lists.get(2)));
        tablayout_xiaoxi.addTab(tablayout_xiaoxi.newTab().setText(lists.get(3)));

        tablayout_xiaoxi.setTabTextColors(Color.GRAY,Color.rgb(140,211,236));//变颜色
        tablayout_xiaoxi.setupWithViewPager(viewPage_xiaoxi);//把tablayout和viewpage绑定在一起


        one = tablayout_xiaoxi.getTabAt(0);
        two = tablayout_xiaoxi.getTabAt(1);
        three = tablayout_xiaoxi.getTabAt(2);
        four = tablayout_xiaoxi.getTabAt(3);

        one.setIcon(getResources().getDrawable(R.drawable.fou_cha_sous));
        two.setIcon(getResources().getDrawable(R.drawable.fou_cha_ypk));
        three.setIcon(getResources().getDrawable(R.drawable.fou_cha_zix));
        four.setIcon(getResources().getDrawable(R.drawable.fou_cha_yyjl));

    }

    private void initView() {
        viewPage_xiaoxi = (ViewPager) findViewById(R.id.viewPage_xiaoxi);
        tablayout_xiaoxi = (TabLayout) findViewById(R.id.tablayout_xiaoxi);
        fm = getSupportFragmentManager();
        data = new ArrayList<>();
        lists = new ArrayList<>();

    }
}

适配器

public class Found_Yao_Myadapter extends FragmentPagerAdapter{
    private List<Fragment> data;
    private List<String> title;

    public Found_Yao_Myadapter(FragmentManager fm, List<Fragment> data, List<String> title) {
        super(fm);
        this.data = data;
        this.title = title;
    }

    @Override
    public Fragment getItem(int position) {
        return data.get(position);
    }
    @Override
    public int getCount() {
        return data.size();
    }
    @Override
    public CharSequence getPageTitle(int position) {
        return title.get(position);
    }
}

xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/a1" android:state_selected="false"/>
    <item android:drawable="@mipmap/a2" android:state_selected="true"/>
</selector>