安卓Tablayout的使用，手把手教你如何打造滑动切换界面

   tablayout是一个很好用的控件，我平时的使用习惯是将fragment与tablayout合并使用，在首页的fragment里嵌入tablayout，达到一种界面紧凑的效果，下面先上图：

是不是感觉很单一？今天只是简单的操作，后期大家可以往里面添加属性，首先，我们要用这个tablayout的话，先要导入design依赖库，然后在布局文件里操作：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.design.widget.TabLayout
        android:id="@+id/meiwen_tb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabIndicatorColor="@color/colorAccent"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/meiwen_vp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
LinearLayout>

接下来便在MainActivity里做操作即可：

public class MainActivity extends Activity{
    private TabLayout tablayout;
    private ViewPager viewpager;
    private List stringList = new ArrayList<>();//标题的集合
    private View view1, view2, view3, view4, view5;
    private List viewList = new ArrayList<>();//View的集合
    private  Context context；
    private LayoutInflater mInflater;

    @Nullable
    @Override
  

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    context=MainActivity .this；

} public void init() { tablayout= (TabLayout)findViewById(R.id. meiwen_tb); viewpager= (ViewPager)findViewById(R.id. meiwen_vp); mInflater = LayoutInflater. from(context); // 加载布局 view1 = mInflater.inflate(R.layout. info_item, null); view2 = mInflater.inflate(R.layout. info_item2, null); view3 = mInflater.inflate(R.layout. info_item3, null); view4 = mInflater.inflate(R.layout. info_item4, null); view5 = mInflater.inflate(R.layout. info_item5, null); // 添加页面视图 viewList.add( view1); viewList.add( view2); viewList.add( view3); viewList.add( view4); viewList.add( view5); // 添加标题 这里可以随意些 stringList.add( " tab1 "); stringList.add( " tab2 " );
stringList.add( " tab3 " );
stringList.add( " tab3 " );
stringList.add( " tab4 " );
// 设置 tab 模式，当前为系统默认模式 fragment_new_information_tl.setTabMode(TabLayout. MODE_FIXED); // 添加 tab 选项卡 fragment_new_information_tl.addTab( fragment_new_information_tl.newTab().setText( stringList.get( 0))); fragment_new_information_tl.addTab( fragment_new_information_tl.newTab().setText( stringList.get( 1))); fragment_new_information_tl.addTab( fragment_new_information_tl.newTab().setText( stringList.get( 2))); fragment_new_information_tl.addTab( fragment_new_information_tl.newTab().setText( stringList.get( 3))); fragment_new_information_tl.addTab( fragment_new_information_tl.newTab().setText( stringList.get( 4))); MyPagerAdapter mAdapter = new MyPagerAdapter( viewList); // 给 ViewPager 设置适配器 fragment_new_information_vp.setAdapter(mAdapter); // 将 TabLayout 和 ViewPager 关联起来 (setupWithViewPager 必须在 setAdapter 之后调用 ) // 否则抛出 throw new IllegalArgumentException("ViewPager does not have a PagerAdapter set") 异常 fragment_new_information_tl.setupWithViewPager( fragment_new_information_vp); // 给 Tabs 设置适配器 fragment_new_information_tl.setTabsFromPagerAdapter(mAdapter); } private class MyPagerAdapter extends PagerAdapter { private List viewList; public MyPagerAdapter(List viewList) { this. viewList = viewList; } @Override public int getCount() { return viewList.size(); } @Override public boolean isViewFromObject(View view, Object object) { return (view == object); } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView( viewList.get(position)); // 添加页卡 return viewList.get(position); } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView( viewList.get(position)); // 删除页卡 } @Override public CharSequence getPageTitle( int position) { return stringList.get(position); // 页卡标题 } }} 里面的5个item是要自己自定义的布局，就是view的样式，随便写点，或者给每个布局加上颜色，这样切换时就可以看出来了。