Android Grid View Changing Number of Columns Based on Data

enter image description here I want to arrange the grid view as shown below.

+3


source to share


5 answers


You need to position the viewType in the recycler adapter.

DEMO HERE



public class RVStatisticAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<Statistic> mList;

    public RVStatisticAdapter(List<Statistic> list) {
        this.mList = list;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;

        switch (viewType) {
            case CITY_TYPE:
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.statistic_row_one, parent, false);
                return new CityViewHolder(view);
            case EVENT_TYPE:
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.statistic_row_two, parent, false);
                return new EventViewHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        Statistic object = mList.get(position);
        if (object != null) {
            switch (object.getType()) {
                case CITY_TYPE:
                    ((CityViewHolder) holder).mTitle.setText(object.getTitle());
                    ((CityViewHolder) holder).no.setText(object.getNo());
                    ((CityViewHolder) holder).playerone.setText(object.getPlayer_one());

                    break;
                case EVENT_TYPE:
                    ((EventViewHolder) holder).mTitle.setText(object.getTitle());
                    ((EventViewHolder) holder).no.setText(object.getNo());
                    ((EventViewHolder) holder).playerone.setText(object.getName());
                    ((EventViewHolder) holder).playertwo.setText(object.getPlayer_two());
                    break;
            }
        }
    }

    @Override
    public int getItemCount() {
        if (mList == null)
            return 0;
        return mList.size();
    }

    @Override
    public int getItemViewType(int position) {
        if (mList != null) {
            Statistic object = mList.get(position);
            if (object != null) {
                return object.getType();
            }
        }
        return 0;
    }

    public static class CityViewHolder extends RecyclerView.ViewHolder {
        private TextView mTitle,no,playerone;

        public CityViewHolder(View itemView) {
            super(itemView);
            mTitle = (TextView) itemView.findViewById(R.id.tv_title);
            no = (TextView) itemView.findViewById(R.id.tv_no);
            playerone = (TextView) itemView.findViewById(R.id.tv_player_one);

        }
    }

    public static class EventViewHolder extends RecyclerView.ViewHolder {
        private TextView mTitle,no,playerone,playertwo;

        public EventViewHolder(View itemView) {
            super(itemView);
            mTitle = (TextView) itemView.findViewById(R.id.tv_title);
            no = (TextView) itemView.findViewById(R.id.tv_no);
            playerone = (TextView) itemView.findViewById(R.id.tv_player_one);
            playertwo = (TextView) itemView.findViewById(R.id.tv_player_two);
        }
    }
}

      

+2


source


You need to use RecyclerView with GridLayoutManager for this. Then you can use GridLayoutManager.setSpanSizeLookup to dynamically set the number of columns.



gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
        @Override
        public int getSpanSize(int position) {
            switch (adapter.getItemViewType(position)) {
                case VIEW_TYPE_1:
                    return 1;
                case VIEW_TYPE_2:
                    return 2;                   
                default:
                    return -1;
            }
        }
    });

      

+2


source


you can use StaggeredGridLayoutManager

    private StaggeredGridLayoutManager gaggeredGridLayoutManager;
    gaggeredGridLayoutManager = new StaggeredGridLayoutManager(2, 1);
    recyclerView.setLayoutManager(gaggeredGridLayoutManager);

      

for more info visit this link StaggeredGridLayoutManager

for example see this image enter image description here

+2


source


You can take RecyclerView instead of GridView and write like this

    RecyclerView  mRecyclerView=(RecyclerView)findViewById(R.id.card_recycler_view);
    GridLayoutManager glm = new GridLayoutManager(getActivity(), 4);
            glm.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                   if (position % 3 == 2) {
                       return 4;
                    } else {
                       return 2;                    
           }
        }
    });
    mRecyclerView.setLayoutManager(glm);

      

+2


source


This one will work. try it

RecyclerView  RecyclerView=RecyclerView)findViewById(R.id.card_recycler_view);

GridLayoutManager glm = new GridLayoutManager(getActivity(), 4);
        glm.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
              switch(position%3) {
                 case 0:
                      return 4;
                      break;
                 case 1:
                      return 2;
                      break;
                 case 2: 
                      return 2;
                      break;
       }
    }
});

mRecyclerView.setLayoutManager(glm);

      

+2


source







All Articles