TabLayout学习

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.user.android2lesson_01_tablayout.MainActivity">

<!-- 步骤1 ：将TabLayout和ViewPager添加到布局文件里
     注意：：这里需要将标签的包进行引入
     -->
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
 <android.support.design.widget.TabLayout
     android:id="@+id/tablayout"
    android:layout_width="match_parent"
     android:layout_height="wrap_content"

     />


</LinearLayout>

package com.user.android2lesson_01_tablayout;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;

/**
 * Created by user on 2016/7/4.
 */
public class MyAdapter extends FragmentPagerAdapter{
//   创建第二步：
//    创建一个适配器，进行数据和界面之间的适配

//  适配器里有什么
//    1.显示的fragment列表
    private List<Fragment> list;
//    2.显示的标签的标题列表
    private List<String> listTitle;

//    重写构造函数，在构造函数里进行成员变量（fragment列表和标题列表的赋值）
    public MyAdapter(FragmentManager fm, List<Fragment> list ,List<String> listTitle){
        super(fm);
        this.list = list;
        this.listTitle = listTitle;
    }


    @Override
    public Fragment getItem(int position) {
//        返回位置对应的Fragment
        return list.get(position);
    }

    @Override
    public int getCount() {
//        返回所有fragment的个数
        return list.size();
    }
//    返回标题对应的tab上的名字
    @Override
    public CharSequence getPageTitle(int position) {
        return listTitle.get(position);
    }
}




package com.user.android2lesson_01_tablayout;

import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
//   创建第三步：
//    将数据和界面进行关联

//    声明属性
    private TabLayout tabLayout;
    private ViewPager viewPager;
//    声明要显示的界面和标题数组
    private List<Fragment> list;
    private List<String> listTitle;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

//        在这里进行数据和界面的初始化
//        1.将id和成员变量进行关联
        tabLayout = (TabLayout) findViewById(R.id.tablayout);
        viewPager = (ViewPager) findViewById(R.id.viewpager);
//        2.进行数据的初始化和整理
        list = new ArrayList<Fragment>();
        list.add(new TwoFragmen());
        list.add(new ThreeFragmnt());
        list.add(new FourFragment());

        listTitle = new ArrayList<String>();
        listTitle.add("Two");
        listTitle.add("Three");
        listTitle.add("Four");
//        3. 创建适配器
        MyAdapter adapter = new MyAdapter(getSupportFragmentManager(),list,listTitle);
//        4.绑定适配器
        viewPager.setAdapter(adapter);
//        指定当前选中页
        viewPager.setCurrentItem(0);
//        5.将TabLayout和ViewPager关联
        tabLayout.setupWithViewPager(viewPager);
    }
}



还需要3个fragment下面类似的建三个
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.user.android2lesson_01_tablayout.TwoFragmen">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="我是第二个fragment" />

</FrameLayout>

package com.user.android2lesson_01_tablayout;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


/**
 * A simple {@link Fragment} subclass.
 */
public class TwoFragmen extends Fragment {


    public TwoFragmen() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_two, container, false);
    }

}