美文网首页Android轮子
ViewPager+TabLayout

ViewPager+TabLayout

作者: HOLLE_karry | 来源:发表于2020-03-25 17:45 被阅读0次

    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<Fragment> fragments) {
            super(fm);
            this.fragments = fragments;
        }
    

    ②FragmentStatePagerAdapter

     public PagerAdapter(@NonNull FragmentManager fm, int behavior, ArrayList<Fragment> 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

        本文链接:https://www.haomeiwen.com/subject/ltftuhtx.html