ViewPager+TabLayout

1.ViewPager结合View实现导航

①创建布局并找控件
②获取数据集合
创建适配器:destroyItem方法里删除super.destroyItem(container,position,object);,否则报错
④设置适配器

getCount()   // 当前有效视图的个数
instantiateItem     //创建指定位置的页面视图
destroyItem    //移除一个给定位置的页面
isViewFromObject       //用来判断instantiateItem数所返回来的Key与一个页面视图是否是代表的同一个视图

2.ViewPager结合Fragment实现导航

①创建布局并找控件
②获取数据集合:获取fragment的集合fragments
创建适配器:FragmentPagerAdapter和 FragmentStatePagerAdapter的对比以及内部方法
④设置适配器

⑴FragmentPagerAdapter和 FragmentStatePagerAdapter的对比

①相同点:
FragmentPagerAdapter和FragmentStatePagerAdapter都继承自PagerAdapter
②不同点:
卸载不再需fragment时,各自采用的处理方法不同

①FragmentPagerAdapter(detach)
对于不再需要的fragment, FragmentPagerAdapter会选择调用事务的detach(Fragment)方法来处理它,而非remove(Fragment)方法。也就是说, FragmentPagerAdapter只是销毁了fragment的视图, fragment实例还保留在FragmentManager中。因此,FragmentPagerAdapter创建的fragment永远不会被销毁
②FragmentStatePagerAdapter(remove)
会销毁不需要的fragment。事务提交后, activity的FragmentManager中的fragment会被彻底移除。 FragmentStatePagerAdapter类名中的“state”表明:在销毁fragment时,可在onSaveInstanceState(Bundle)方法中保存fragment的Bundle信息。用户切换回来时,保存的实例状态可用来恢复生成新的fragment

总结:在destroyItem()方法中,FragmentStatePagerAdapter调用的是remove()方法,适用于页面较多的情况;FragmentPagerAdapter调用的是detach()方法,适用于页面较少的情况。但是有页面数据需要刷新的情况,不管是页面少还是多,还是要用FragmentStatePagerAdapter,否则页面会因为没有重建得不到刷新

⑵FragmentPagerAdapter和 FragmentStatePagerAdapter的内部方法

①FragmentPagerAdapter

public PagerAdapter(@NonNull FragmentManager fm, ArrayList fragments) {
        super(fm);
        this.fragments = fragments;
    }

②FragmentStatePagerAdapter

 public PagerAdapter(@NonNull FragmentManager fm, int behavior, ArrayList fragments) {
        super(fm, behavior);
        this.fragments = fragments;
    }

3.Banner开源框架

Banner官方

 banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE)//设置风格
             .setImages(images)//设置图片集合
             .setBannerAnimation(Transformer.DepthPage)//设置动画效果
             .setBannerTitles(title)//设置标题,直接添加无效,必须设置setBannerStyle
             .setImageLoader(new ImageLoader() {//图片加载器
              @Override
              public void displayImage(Context context, Object path, ImageView imageView) {
                      Glide.with(context).load(path).into(imageView);
                               }
                                        })
             .start();

风格:
CIRCLE_INDICATOR_TITLE(圆点)
CIRCLE_INDICATOR_TITLE_INSIDE(圆点在后面)
NUM_INDICATOR_TITLE(数字)
动画效果:
Accordion(折叠)BackgroundToForeground(前景)CubeIn(插入)CubeOut(插出)
Default(默认)DepthPage(翻页)

4.TabLayout

①创建布局并找控件
②和viewpager结合,先编写viewpager的逻辑
③和tablayout的结构进行关联
④他们的功能相互独立,仅使用一个方法关联。

tab.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                toolbar.setTitle(tab.getText().toString());
            }
            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
            }
            @Override
            public void onTabReselected(TabLayout.Tab tab) {
            }
        });

5.TVF

①创建布局并找控件:TV
②创建两个集合:fragments和titles
③创建适配器:四个方法(包含一个构造)
④设置适配器
⑤TV结合:tab.setupWithViewPager(vp);
⑥设置图片选择器:tab.getTabAt(0).setIcon()

6.TVF涉及到的懒加载——避免预加载(费流量,ANR)

@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
    super.setUserVisibleHint(isVisibleToUser);
          //1 是否使用此界面 2 是否加载数据 3 布局是否创建
          if(isVisibleToUser == true && isLoadData == false && isViewLoad == true){
                  initData();
          }else{
                  if(list!=null&&list.size>0){
                          list.clear();
                  }
          }
}

7.ViewPager的预加载和懒加载

预加载
运行完项目,会先走AFragment再走BFragment,但是操作完AFragment,在操作BFragment,BFragment页面的数据不会显示出来,所以就用到了懒加载

预加载.png

懒加载

•概念:懒加载其实就是延时加载,即当对象需要用到的时候再去加载。
•优点:
①不需要将对象的实例化全部写到viewDidLoad中,可以简化代码,增强代码的可读性
②对象的实例化在getter方法中,各司其职,降低耦合性
③对系统的内存占用率会减少

//先定义俩个boolean类型的变量
private boolean isView;
private boolean isData;
//在onCreateView中设置页面可见,为true
 @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment_b, container, false);
        isView = true;
        return view;
    }
//在 Fragment 创建期间setUserVisibleHint()方法是在onCreateView()之前被调用,为了避免异常,在加载请求数据前做一个判断
// UI 界面已经创建完   isVisibleToUser == true
//Fragment 对用户可见    isView == true
//没请求过数据     isData == false
//条件都满足,再加载数据
@Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isVisibleToUser == true && isView == true && isData == false) {
            initView(view);
        }
    }

你可能感兴趣的:(ViewPager+TabLayout)