zoukankan      html  css  js  c++  java
  • Android开发 RecyclerView的GridLayoutManager入门了解

    前言

      GridLayoutManager网格布局管理,支持RecyclerView成为网格布局的关键。可能很多人在了解网格布局列表会联想到GridView。简单网格布局的情况下推荐使用GridView因为更为简单。但是在复杂布局的情况下就更推荐使用RecyclerView来实现网格布局。因为RecyclerView功能更加强大且灵活。

    简单使用GridLayoutManager

      RecyclerView的其他代码就不展示了,这些代码在我的博客里有很多,这里说明我们关注的GridLayoutManager部分代码。如下将GridLayoutManager设置到RecyclerView,实现一个4列的网格列表。

            GridLayoutManager layoutManager = new GridLayoutManager(this, 4);//第二个参数为网格的列数
            mRecyclerView.setLayoutManager(layoutManager);

    注意!如果你发现你的item填不满一行或者一行的左右两边还有很多空间,其实是你的item的布局宽度不是match_parent导致的 

    效果图:

    改变指定位置item的列尺寸

      假设现在有需求,希望第1个item,单独占据一行的全部空间。我们可以使用setSpanSizeLookup方法实现这一需求:

    代码:

            GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
            mRecyclerView.setLayoutManager(layoutManager);
            layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    if (position == 0){
                        return 4;
                    }
                    return 1;
                }
            });

      使用返回的position来判断指定位置的item,然后返回占据的列数。请注意!这里一开始特别容易错误理解,这里的返回值其实是表达我们希望这个item占据多少位置。在上面实例GridLayoutManager第二个参数我们写了4,就代表最多的列数只有4列,如果我们希望指定item占据整行就要返回 4 , 然后剩下的其他item只占据1位。另外这里不能返回大于我们实例设置的列数,如果我这里返回5,就会出现报错。

    效果图:

    在举一个例子帮助理解,我们希望第一个item只占据2列,最后一个item占满一行全部列数,代码如下:

            GridLayoutManager layoutManager = new GridLayoutManager(this, 4);//第二个参数为网格的列数
            mRecyclerView.setLayoutManager(layoutManager);
            layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    if (position == 0) {
                        return 2;
                    }
    
                    if (position == mRecyclerView.getAdapter().getItemCount() - 1) {
                        return 4;
                    }
                    return 1;
                }
            });

    请注意,这里别使用mRecyclerView.getChildCount()来获取item的数量,在getSpanSize方法调用时,RecyclerView其实还在onMeasure,获取的item数量还在增值。

    效果图 :

    随时修改列数

    代码:

            mGridLayoutManager = new GridLayoutManager(this, count);
            mRecyclerView.setLayoutManager(mGridLayoutManager);
            mRecyclerView.setAdapter(mRecyclerViewAdapter);
            mAddCountBtn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mGridLayoutManager.setSpanCount(++count);
    
                }
            });

    效果图:

    End

  • 相关阅读:
    Setting up jQuery Unobtrusive Validation
    Valid vs Validate
    HTML Tags containing Vue.js v-if and v-for directives flash at loading
    What does a CSS selector in square brackets select in HTML?
    Template refs
    How to check if a variable is not null?
    Android中的Context
    Android从零基础到App上线
    ConstraintLayout 使用汇总
    ConstraintLayout的使用
  • 原文地址:https://www.cnblogs.com/guanxinjing/p/13037271.html
Copyright © 2011-2022 走看看