TabLayout的基本使用

1.添加依赖：

compile'com.android.support:appcompat-v7:23.4.0'

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

Mianactivity中的使用

package com.noonecode.tablayoutdemo;

import android.support.design.widget.TabLayout;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.support.v4.view.ViewPager;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import java.util.ArrayList;import java.util.List;publicclassMainActivityextendsAppCompatActivity {

private TabLayout tabLayout;

private ViewPager viewPager;

private List<Fragment> list;

private MyAdapter adapter;

private String[] titles = {"页面1","页面2","页面3"};

@Override

protectedvoidonCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//实例化

viewPager = (ViewPager) findViewById(R.id.viewpager);

tabLayout = (TabLayout) findViewById(R.id.tablayout);

//页面，数据源

list = new ArrayList<>();

list.add(new Tab1Fragment());

list.add(new Tab2Fragment());

list.add(new Tab3Fragment());

//ViewPager的适配器

adapter = new MyAdapter(getSupportFragmentManager());

viewPager.setAdapter(adapter);

//绑定

tabLayout.setupWithViewPager(viewPager);

}

class MyAdapter extends FragmentPagerAdapter {

publicMyAdapter(FragmentManager fm) {

super(fm);

}

@Override

public Fragment getItem(int position) {

return list.get(position);

}

@Override

publicintgetCount() {

return list.size();

}

//重写这个方法，将设置每个Tab的标题

@Override

public CharSequence getPageTitle(int position) {

return titles[position];

}

}

}

activity_main布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.bwie.recyclerview_fuzi.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

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

3，自己创建三个fragment页

public class Tab1Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
       View view=inflater.inflate(R.layout.item_home,null);
        return view;
    }
}

public class Tab2Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.item_home,null);
        return view;
    }
}

public class Tab3Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.item_home,null);
        return view;
    }
}

和一个item_home布局

<TextView
    android:text="sfsdfsdfsdfsdfs"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

//横向滑动

 
 

  
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabGravity="center"
            app:tabTextColor="@color/colorPrimary"
            app:tabIndicatorColor="@android:color/transparent"
            app:tabSelectedTextColor="@color/colorAccent"
            app:tabMode="scrollable">
        </android.support.design.widget.TabLayout>
        <android.support.v4.view.ViewPager
            android:id="@+id
  
  p_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </android.support.v4.view.ViewPager>
    </LinearLayout>