安卓布局 viewpager+tablelayout+fragment

        在谷歌发布Android Design Support Library之前，app底部tab布局的实现方法就有很多种，其中有RadioGroup+FrameLayout、TabHost+Fragment、FragmentPagerAdapter+ViewPager等方法，这些方法我具体使用过RadioGroup和Framlayout联用，通过RadioGroup的点击事件来做Framlayout中几个布局的显示隐藏。下面介绍一种更为方便厉害的方法，tablelayout和viewpager都来自与design包，包括sekbar等控件都来自于它，以及Toolbar，navigationbar等都来自于它，其设计风格简约。design新出了10多个新控件，是谷歌15年新出的，是Design设计风格，风格简约，扁平化，动画加阴影，今天学习的新控件是表格布局：tablelayout，其实有了这个控件大量节约了时间，就是开发逻辑也非常重要，开发的速递也很关键，拓宽开发的领域：

首先介绍下如何导包：右键app——然后open module setting进行导包，（F4快捷键），去dependencise选择旁边那个+号选择第一个，就可以搜索依赖了；当然也可以在bulid_gradle(moudle-app)里面进行导入，但是这种导入可能会出现版本的问题，因为这样很有可能仓库里面本身就没有的。现在在上面的是tablayout。看具体过程

一、首先导入tablayout包，上面已经有了具体的过程

二、现在下面的是用viewpager来装，上面是tablayout两个都可以滑动，如何让两个滑动同步起来同时滑动，这非常重要。

首先看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="com.example.administrator.layout.MainActivity">    <LinearLayout        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        >        <include            android:id="@+id/include_fram"            layout="@layout/framlayoutall"            android:layout_width="match_parent"            android:layout_height="match_parent" />    </LinearLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_gravity="bottom"        >        <include            layout="@layout/radio_button"            />    </LinearLayout></LinearLayout>

三、在代码如何将其绑定在一起呢？,tablayout就是有这个方法setupwithviewpager（）就可以了

    tabLayout.setupWithViewPager(viewPager);//

四、需要数据源接口了，一个是给tablayout，一个是给viewpager了，就这样就可以了，首先数据源的东西来自于把它装在集合里边用ArrayList集合来装，ArrayList装的对象一个是String，一个是Fragment

private ArrayList<String> tabTitle;private ArrayList<Fragment> pager_fragment;在这里需要特别注意的fragment导的是app包里面的

public void initDate(){    tabTitle=new ArrayList<String>();    tabTitle.add("歌曲");    tabTitle.add("专辑");    tabTitle.add("艺术家");    tabTitle.add("播放证");    pager_fragment=new ArrayList<Fragment>();    fram_0 fram_0=new fram_0();    pager_fragment.add(fram_0);    fram_1 fram_1=new fram_1();    pager_fragment.add(fram_1);    fram_2 fram_2=new fram_2();    pager_fragment.add(fram_2);}

五、新建三个frag_0用来继承Fragment,在这里写了一个，还有两个都是一样的，同时加载一个layout布局就行了
public class fram_0 extends Fragment{    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {        View view = inflater.inflate(R.layout.layout_0, container, false);        return view;    }}

六、现在数据有了滑动也有了，那么String的数据是如何设置到tablayout里面的呢？fragment如何加载进入viewpager里边开始滑动，String如何加入tablayout实现动态添加呢？数据如何和控件捆在一起呢？在这里需要一个特殊的适配器，这个适配叫做Fragmentpageradapter，注意这个适配器还是非常简单的使用，需要你传入一个FragmentManager,和数据就可以了，然后这个适配会帮助你处理这个FragmentManager来自己管理Fragment的显示和隐藏我知道你现在按的是那个，然后我就将这个进行显示，同时如果不使用第四个方法，就会出现一种情况就是，tablayout没有数据

public class TableAdapter extends FragmentPagerAdapter {    private ArrayList<String> tabTitle;    private ArrayList<Fragment> pager_fragment;    public TableAdapter(FragmentManager fm, ArrayList<String> tabTitle, ArrayList<Fragment> pager_fragment)    {        super(fm);        this.tabTitle=tabTitle;        this.pager_fragment=pager_fragment;    }    @Override    public Fragment getItem(int position) {        return pager_fragment.get(position);    }    @Override    public int getCount() {        return tabTitle.size();    }    //如果你需要与你的tablayout，必须重写title方法    @Override    public CharSequence getPageTitle(int position) {        return tabTitle.get(position);    }}

七、最后需要加载数据，然后将tablayout和viewPager绑定起来，同时，将viewpager绑定上适配器就可以了，

initDate();tabLayout.setupWithViewPager(viewPager);TableAdapter adapter=new TableAdapter(getSupportFragmentManager(),tabTitle,pager_fragment);viewPager.setAdapter(adapter);

//这个是完整的activty代码

public class tableActivity extends AppCompatActivity {    private TabLayout tabLayout;    private ViewPager viewPager;    private ArrayList<String> tabTitle;    private ArrayList<Fragment> pager_fragment;    @Override    protected void onCreate(Bundle savedInstanceState)    {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_table);        tabLayout=(TabLayout)findViewById(R.id.Tab_content);        viewPager=(ViewPager)findViewById(R.id.pager_content);        initDate();        tabLayout.setupWithViewPager(viewPager);        TableAdapter adapter=new TableAdapter(getSupportFragmentManager(),tabTitle,pager_fragment);        viewPager.setAdapter(adapter);    }    public void initDate()    {        tabTitle=new ArrayList<String>();        tabTitle.add("歌曲");        tabTitle.add("专辑");        tabTitle.add("艺术家");        pager_fragment=new ArrayList<Fragment>();        fram_0 fram_0=new fram_0();        Bundle bundle=new Bundle();        bundle.putString("tab","我是来自tab的0");        fram_0.setArguments(bundle);        pager_fragment.add(fram_0);        fram_1 fram_1=new fram_1();        fram_1.setArguments(bundle);        pager_fragment.add(fram_1);        fram_2 fram_2=new fram_2();        fram_2.setArguments(bundle);        pager_fragment.add(fram_2);    }}