compile 'com.android.support:design:24.1.1'

MainActivity ：

package test.bwie.com.demo01_indicator; import android.graphics.Color; import android.os.Bundle; import android.support.design.widget.TabLayout; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; public class MainActivity extends AppCompatActivity { String title[] = new String[]{"最新", "最热", "其他"}; String mData[] = new String[]{"最新1", "最热2", "其他3"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TabLayout tabLayout = (TabLayout) findViewById(R.id.tablayout); ViewPager vp = (ViewPager) findViewById(R.id.vp); tabLayout.setTabTextColors(Color.BLACK, Color.RED);//设置文本在未选中和选中时候的颜色 // tabLayout.addTab(tabLayout.newTab().setText("最新"), true);//添加 Tab,默认选中 // tabLayout.addTab(tabLayout.newTab().setText("最热"), false);//添加 Tab,默认不选中 // tabLayout.addTab(tabLayout.newTab().setText("其他"), false);//添加 Tab,默认不选中 // vp.setOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); vp.setAdapter(new PagerAdapter() { @Override public CharSequence getPageTitle(int position) { return title[position]; } @Override public int getCount() { return title.length; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { TextView tv = new TextView(MainActivity.this); tv.setTextSize(30.f); tv.setText(mData[position]); ((ViewPager) container).addView(tv); return tv; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } }); tabLayout.setupWithViewPager(vp); } } activity_main.xml:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="test.bwie.com.demo01_indicator.MainActivity"> <android.support.design.widget.TabLayout android:id="@+id/tablayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="#FF00FF00" app:tabSelectedTextColor="#FF00FF00" app:tabTextColor="#FF000000" app:tabMode="fixed" app:tabGravity="center"/> <android.support.v4.view.ViewPager android:id="@+id/vp" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout>