How can I group recyclerview item by category in android studio

Question

I want to group my recyclerview by date in android studio without using any library, I did something but I am not getting what I wanted. I have uploaded my result image so I want to group it with "getDateSection". But here DateSection is displaying above each item not according to the dates. I just want to show each date once at the top of the corresponding data group:

This is my codes.

DowntimeReportingAdapter.java

public class DowntimeReportingAdapter extends RecyclerView.Adapter implements Filterable {

    public List downtimeReportingUriList;
    private final List downtimeUriFilter;
    GridLayoutManager mLayoutManager;
    private final Context context;
    private DowntimeReportingFilter filter;
    Activity mContext;
    Context ctx;


    public DowntimeReportingAdapter(List downtimeReportingUriList, Context context) {
        this.downtimeReportingUriList = downtimeReportingUriList;
        this.downtimeUriFilter = downtimeReportingUriList;
        this.context = context;
    }

    @NotNull
    @Override
    public MyViewHolder onCreateViewHolder(@NotNull ViewGroup parent, int viewType) {
       View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.downtime_reporting_item,
                parent, false);
        return new MyViewHolder(view);
    }

    @SuppressLint({"CheckResult", "SetTextI18n"})
    @Override
    public void onBindViewHolder(final MyViewHolder myViewHolder, int position) {
            
            if(downtimeReportingUriList.get(position).getDatesection().isEmpty()){
                myViewHolder.mDateSection.setVisibility(View.GONE) ;
            } else {
                myViewHolder.mDateSection.setText(downtimeReportingUriList.get(position).getDatesection());
            }
            
            RequestOptions requestOptions1 = new RequestOptions();
            requestOptions1.skipMemoryCache(true);
            requestOptions1.diskCacheStrategy(DiskCacheStrategy.ALL);
            requestOptions1.placeholder(R.drawable.full_image_blue);
            requestOptions1.error(R.drawable.full_image_blue);

            Glide.with(context)
                    .load(downtimeReportingUriList.get(position).getPicture())
                    .apply(requestOptions1)
                    .into(myViewHolder.mPicture);

            myViewHolder.issue.setText(downtimeReportingUriList.get(position).getIssues());
            myViewHolder.factory.setText(downtimeReportingUriList.get(position).getFactory());
            myViewHolder.line.setText(downtimeReportingUriList.get(position).getLine());
            myViewHolder.createdBy.setText(downtimeReportingUriList.get(position).getCreatedby());
            myViewHolder.modifiedBy.setText(downtimeReportingUriList.get(position).getModifiedby());
            myViewHolder.description.setText(downtimeReportingUriList.get(position).getDescription());
            myViewHolder.section.setText(downtimeReportingUriList.get(position).getSection());

            myViewHolder.mIssues.setText(downtimeReportingUriList.get(position).getIssues());
            myViewHolder.mCreated.setText(downtimeReportingUriList.get(position).getCreated());
            myViewHolder.mType.setText(downtimeReportingUriList.get(position).getStatus() + " | "
                    + downtimeReportingUriList.get(position).getDifference() + " | "
                    + downtimeReportingUriList.get(position).getFactory());
    }

    @Override
    public int getItemCount() {
        return downtimeReportingUriList.size();
    }

    @Override
    public Filter getFilter() {
        if (filter==null) {
            filter=new DowntimeReportingFilter((ArrayList) downtimeUriFilter,this);
        }
        return filter;
    }

    public class MyViewHolder extends RecyclerView.ViewHolder {
        Space space;
        LikeButton mLove;
        DatabaseHandler db;
        LinearLayout linearLayout;
        private CircleImageView mPicture;
        private final ApiInterface apiInterface;
        CardView mRowContainer, mRowContainerGrid;
        ImageView mForward, mStatus;
        private HashMap user = new HashMap<>();
        TextView mIssues, mType, mCreated, issue, factory, line, createdBy, modifiedBy, description, section, mIssuesGrid, mDateSection;

        @SuppressLint("CutPasteId")
        public MyViewHolder(View itemView, int viewType) {
            super(itemView);
            apiInterface = ApiClient.getApiClient().create(ApiInterface.class);
                mPicture = itemView.findViewById(R.id.downtime_reporting_picture);
                mIssues = itemView.findViewById(R.id.downtime_reporting_issues);
                mIssues.setMovementMethod(new ScrollingMovementMethod());
                mType = itemView.findViewById(R.id.downtime_reporting_type);
                mLove = itemView.findViewById(R.id.downtime_reporting_like);
                mStatus = itemView.findViewById(R.id.current_status);
                mCreated = itemView.findViewById(R.id.downtime_reporting_created);
                mRowContainer = itemView.findViewById(R.id.downtime_reporting_row_container);
                linearLayout = itemView.findViewById(R.id.linearLayout);
                issue = itemView.findViewById(R.id.issues);
                factory = itemView.findViewById(R.id.factory);
                line = itemView.findViewById(R.id.line);
                createdBy = itemView.findViewById(R.id.createdby);
                modifiedBy = itemView.findViewById(R.id.modifiedby);
                description = itemView.findViewById(R.id.description);
                section = itemView.findViewById(R.id.section);
                space = itemView.findViewById(R.id.space);
                mDateSection = itemView.findViewById(R.id.datesection);

        }
    }
}

DowntimeReporting.java

public class DowntimeReporting extends Fragment {

    DatabaseHandler db;
    MaterialButton refresh;
    SessionManager session;
    ProgressDialog pDialog;
    private RadioGroup sortRG;
    ApiInterface apiInterface;
    private TextView textResult;
    TextView textName, textEmail;
    private RecyclerView recyclerView;
    private LinearLayout linearLayout;
    SwipeRefreshLayout mSwipeRefreshLayout;
    private ImageView sortB, goTop, filterB;
    ShimmerFrameLayout mShimmerViewContainer;
    FloatingActionButton floatingActionButton;
    private GridLayoutManager gridLayoutManager;
    HashMap user = new HashMap<>();
    private DowntimeReportingAdapter downtimeAdapter;
    private List downtimeUriList;
    private static final String TAG = DowntimeReporting.class.getSimpleName();

    public DowntimeReporting() {

    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        ((Home) Objects.requireNonNull(getActivity())).setActionBarTitle("Downtime Reporting / Open Machine Issue");

        View view = inflater.inflate(R.layout.downtime_reporting, container, false);
        textName = view.findViewById(R.id.name);
        textEmail = view.findViewById(R.id.email);

        view.findViewById(R.id.fab).setOnClickListener(v -> showPrompt());

        pDialog = new ProgressDialog(getActivity());
        pDialog.setCancelable(false);

        db = new DatabaseHandler(getActivity().getApplicationContext());
        user = db.getUserDetails();

        session = new SessionManager(getActivity().getApplicationContext());
        if (!session.isLoggedIn()) {
            logoutUser();
        }

        refresh = view.findViewById(R.id.refresh);
        refresh.setOnClickListener(v -> {
            onResume();
            refresh.setVisibility(View.GONE);
        });

        AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);

        apiInterface = ApiClient.getApiClient().create(ApiInterface.class);
        recyclerView = view.findViewById(R.id.recyclerView);
        mShimmerViewContainer = view.findViewById(R.id.shimmer_view_container);
        mSwipeRefreshLayout = view.findViewById(R.id.swipeToRefresh);
        mSwipeRefreshLayout.setColorSchemeResources(R.color.colorPrimary);
        mSwipeRefreshLayout.setOnRefreshListener(() -> {
            onResume();
            mSwipeRefreshLayout.setRefreshing(false);
            refresh.setVisibility(View.GONE);
        });

        gridLayoutManager = new GridLayoutManager(getActivity(), SPAN_COUNT_ONE);
        recyclerView.setLayoutManager(gridLayoutManager);

        linearLayout = view.findViewById(R.id.no_result);
        textResult = view.findViewById(R.id.text_result);

        floatingActionButton = view.findViewById(R.id.fab);
        floatingActionButton.setOnClickListener(view1 -> startActivity(new Intent(getActivity(), DowntimeReportingForm.class)));
        return view;
    }

    public void getDowntimes(){

        Call> call = apiInterface.getDowntimes();
        call.enqueue(new Callback>() {
            @SuppressLint("NonConstantResourceId")
            @Override
            public void onResponse(@NotNull Call> call, @NotNull Response> response) {
                mShimmerViewContainer.stopShimmer();
                mShimmerViewContainer.setVisibility(View.GONE);
                downtimeUriList = response.body();
                Log.i(DowntimeReporting.class.getSimpleName(), Objects.requireNonNull(response.body()).toString());
                downtimeAdapter = new DowntimeReportingAdapter(downtimeUriList, gridLayoutManager, getActivity());
                ItemTouchHelper itemTouchHelper = new ItemTouchHelper(simpleCallback);
                itemTouchHelper.attachToRecyclerView(recyclerView);
                Log.d(TAG, "Number Downtime Reporting Received: " + downtimeUriList.size());
                recyclerView.setAdapter(downtimeAdapter);
                downtimeAdapter.notifyDataSetChanged();
            }

            @Override
            public void onFailure(@NotNull Call> call, @NotNull Throwable t) {
                mShimmerViewContainer.stopShimmer();
                refresh.setVisibility(View.VISIBLE);
                LayoutInflater inflater = Objects.requireNonNull(getActivity()).getLayoutInflater();
                View layout = inflater.inflate(R.layout.custom_toast_message, getActivity().findViewById(R.id.custom_toast_container));
                TextView text = layout.findViewById(R.id.text);
                text.setText(t.getMessage());
                Toast toast = new Toast(getActivity().getApplicationContext());
                CardView cardView = layout.findViewById(R.id.card_view);
                cardView.setBackgroundResource(R.drawable.error_style);
                ImageView toastImageView = layout.findViewById(R.id.toastImageView);
                toastImageView.setImageResource(R.drawable.error);
                toast.setGravity(Gravity.BOTTOM, 0, 40);
                toast.setDuration(Toast.LENGTH_SHORT);
                toast.setView(layout);
                toast.show();
            }
        });
    }

    @Override
    public void onResume() {
        super.onResume();
        mShimmerViewContainer.startShimmer();
        refresh.setVisibility(View.GONE);
        getDowntimes();
    }

    @Override
    public void onPause() {
        super.onPause();
        mShimmerViewContainer.stopShimmer();
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        setHasOptionsMenu(true);
        super.onCreate(savedInstanceState);
    }

    @Override
    public void onCreateOptionsMenu(@NotNull Menu menu, MenuInflater inflater) {
        inflater.inflate(R.menu.downtime_reporting_menu, menu);
        SearchManager searchManager = (SearchManager) Objects.requireNonNull(getActivity()).getSystemService(Context.SEARCH_SERVICE);
        final SearchView searchView = (SearchView) menu.findItem(R.id.downtime_reporting_search).getActionView();
        LinearLayout searchBar = searchView.findViewById(R.id.search_bar);
        searchBar.setLayoutTransition(new LayoutTransition());
        MenuItem searchMenuItem = menu.findItem(R.id.downtime_reporting_search);
        searchView.setSearchableInfo(
                searchManager.getSearchableInfo(getActivity().getComponentName())
        );
        searchView.setQueryHint("Search DownTime Reporting Activity...");
        searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
            @Override
            public boolean onQueryTextSubmit(final String query) {
                downtimeAdapter.getFilter().filter(query);
                return false;
            }

            @Override
            public boolean onQueryTextChange(String newText) {
                if(newText!=null)
                    downtimeAdapter.getFilter().filter(newText);
                if(downtimeAdapter.getItemCount()<1){
                    recyclerView.setVisibility(View.GONE);
                    linearLayout.setVisibility(View.VISIBLE);
                    textResult.setText(R.string.no_result);
                } else {
                    recyclerView.setVisibility(View.VISIBLE);
                    downtimeAdapter.getFilter().filter(newText);
                    linearLayout.setVisibility(View.GONE);
                }
                return false;
            }
        });

        searchMenuItem.getIcon().setVisible(false, false);
    }

    @Override
    public boolean onOptionsItemSelected(@NotNull MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.downtime_reporting_menu_switch_layout) {
            switchLayout();
            switchIcon(item);
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

downtime_reporting_item.xml

DowntimeReportingUri.java

 public class DowntimeReportingUri {

    @SerializedName("id")
    private int id;
    @SerializedName("createdby")
    private String createdby;
    @SerializedName("issues")
    private String issues;
    @SerializedName("description")
    private String description;
    @SerializedName("datesection")
    private String datesection;

public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getIssues() {
        return issues;
    }

    public void setIssues(String issues) {
        this.issues = issues;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public String getDatesection() {
        return datesection;
    }

    public void setDatesection(String datesection) {
        this.datesection = datesection;
    }
}

user_7061796 · Answer

You need to use nested recycleview for that. Parent recycleview for your header (i.e dates) and the child for the content.

For reference: https://www.geeksforgeeks.org/how-to-create-a-nested-recyclerview-in-android/

user_11322368 · Answer

If you just want to show date at the first item then check if recycler view item position is at the top then set date text visibility to visible else visibility gone

I cannot add code I'm on a mobile device

user_16475037 · Answer

There's a clever workaround that you can try. Just check the date for each entry; in the meanwhile declare a global variable to store the date. Whenever the date changes for an entry which will obviously be the first entry for that date, then only the date label will be displayed using setVisibility() method, else it will be hidden. And remember to change the date in the global variable whenever it changes.

How can I group recyclerview item by category in android studio

3 Answers