android开发 视图联动_Android开发笔记：TabLayout+ViewPager=翻页视图

1、Main布局页面放置控件TabLayout和ViewPager。

【注】此处TabLayout采用com.google.android.material.tabs.TabLayout，与《AS开发实战》P255不同，build.gradle采用implementation “com.google.android.material:material:1.0.0”
同时对应的Java页面也需要使用private com.google.android.material.tabs.TabLayout tl_test进行声明。

2、创建碎片FragmentA和FragmentB，分别绑定页面fragmenta和fragmentb，fragmenta绑定方式为：

@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 
    return inflater.inflate(R.layout.fragmenta, container, false); 
}

3、在Main中继承接口implements FragmentA.OnFragmentInteractionListener,FragmentB.OnFragmentInteractionListener，并添加重写：

@Override public void onFragmentInteraction(Uri u){ }

4、Main中设置标题数组
private String[] arr_txt = new String[]{“商品”,“详情”};
还有存放碎片的数组

private ArrayList<Fragment> arr_fra = new ArrayList<Fragment>();

5、Main中需要实现内部类MyAdapter继承自FragmentPagerAdapter，如下：

public class MyAdapter extends FragmentPagerAdapter { 
    public MyAdapter(FragmentManager fm) {
        super(fm); 
    } 
    @Override 
    public int getCount() { 
        return arr_fra.size(); 
    } 
    @Override 
    public Fragment getItem(int position) { 
         return arr_fra.get(position); 
    } 
    @Nullable 
    @Override 
    public CharSequence getPageTitle(int position) { 
        return arr_txt[position]; 
    } 
}

CharSequence 类型可返回String类型。

6、Main中设置适配器和联动：

private void initView(){ 
    tl_test = findViewById(R.id.tl_test); 
    vp_test = findViewById(R.id.vp_test); 
    arr_fra.add(new FragmentA()); 
    arr_fra.add(new FragmentB()); 
    MyAdapter fAdapter = new MyAdapter(getSupportFragmentManager()); 
    vp_test.setAdapter(fAdapter); tl_test.setupWithViewPager(vp_test);//联动 
}

并在onCreate调用initView即可。

7、效果如下：