Android 选项卡页面实现

首先要添加项目的库依赖：

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

一、MainActivity页面代码：

package com.tabfragment;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 vpContent;    private List<Fragment> fragmentList = new ArrayList<>();    private List<String> titleList = new ArrayList<>();    private VpContentAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initWidget();    }    private void initWidget() {        tabLayout = (TabLayout) findViewById(R.id.tl_title);        vpContent = (ViewPager) findViewById(R.id.vp_content);        //传递参数        Bundle bundle1 = new Bundle();        bundle1.putString(ContentFragment.TAG, "111111111");        fragmentList.add(ContentFragment.getInstance(bundle1));        titleList.add("第一页");        //传递参数        Bundle bundle2 = new Bundle();        bundle2.putString(ContentFragment.TAG, "222222222");        fragmentList.add(ContentFragment.getInstance(bundle2));        titleList.add("第二页");        //传递参数        Bundle bundle3 = new Bundle();        bundle3.putString(ContentFragment.TAG, "33333333");        fragmentList.add(ContentFragment.getInstance(bundle3));        titleList.add("第三页");        //传递参数        Bundle bundle4 = new Bundle();        bundle4.putString(ContentFragment.TAG, "44444444");        fragmentList.add(ContentFragment.getInstance(bundle4));        titleList.add("第四页");        //传递参数        Bundle bundle5 = new Bundle();        bundle5.putString(ContentFragment.TAG, "5555555");        fragmentList.add(ContentFragment.getInstance(bundle5));        titleList.add("第五页");        //传递参数        Bundle bundle6 = new Bundle();        bundle6.putString(ContentFragment.TAG, "666666");        fragmentList.add(ContentFragment.getInstance(bundle6));        titleList.add("第六页");        tabLayout.setSelectedTabIndicatorColor(getResources().getColor(R.color.colorAccent));        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);        tabLayout.setupWithViewPager(vpContent);        adapter = new VpContentAdapter(getSupportFragmentManager(), fragmentList, titleList);        vpContent.setAdapter(adapter);        vpContent.setOffscreenPageLimit(fragmentList.size() - 1);        vpContent.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));    }}

二、activity_mian布局文件代码是：

<RelativeLayout 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"    tools:context="com.tabfragment.MainActivity">        <android.support.design.widget.TabLayout        android:id="@+id/tl_title"        android:layout_width="match_parent"        android:layout_height="wrap_content"        app:tabSelectedTextColor="@color/colorAccent"        app:tabTextColor="@color/colorPrimary" />    <android.support.v4.view.ViewPager        android:id="@+id/vp_content"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_below="@+id/tl_title" /></RelativeLayout>

三、VpContentAdapter适配器的代码是：

package com.tabfragment;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import java.util.ArrayList;import java.util.List;public class VpContentAdapter extends FragmentPagerAdapter {    private List<Fragment> fragmentList = new ArrayList<>();    private List<String> titleList = new ArrayList<>();    public VpContentAdapter(FragmentManager fm, List<Fragment> fragmentList, List<String> titleList) {        super(fm);        this.fragmentList = fragmentList;        this.titleList = titleList;    }    @Override    public Fragment getItem(int position) {        return fragmentList.get(position);    }    @Override    public int getCount() {        return titleList.size();    }    @Override    public CharSequence getPageTitle(int position) {        return titleList.get(position);    }}

四、ContentFragment页面的代码：

package com.tabfragment;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;public class ContentFragment extends Fragment {    public static final String TAG = "tag";    private String mTextId = "000000";    private TextView tvContent;    public static ContentFragment getInstance(Bundle bundle) {        ContentFragment contentFragment = new ContentFragment();        contentFragment.setArguments(bundle);        return contentFragment;    }    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.fragment_content, null, false);        //获取传递过来的参数        mTextId = getArguments().getString(TAG);        tvContent = (TextView) view.findViewById(R.id.content);        tvContent.setText(mTextId);        return view;    }}