Comment faire une vue de calendrier avec vue de défilement horizontal

Question

J'essaye de faire une vue de calendrier semblable à celle-ci. Une avec la semaine de défilement horizontal et la liste des événements en dessous de la date sélectionnée.

J'ai essayé d'utiliser cette bibliothèque https://github.com/prolificinteractive/material-calendarview mais l'apparence n'est pas la même. Le calendrier consomme beaucoup d'espace à l'écran puisque le nom du jour et les dates sont si éloignés. Comment puis-je faire semblable à celui-ci ci-dessous?

Merci

Answer 1

utiliser cette bibliothèque ,,,

compile 'devs.mulham.horizontalcalendar:horizontalcalendar:1.1.7' 

et ce xml

<devs.mulham.horizontalcalendar.HorizontalCalendarView 
          android:id="@+id/calendarView" 
          android:layout_width="match_parent" 
          android:layout_height="wrap_content" 
          android:background="#FAFAFA" 
          app:selectedDateBackground="#00ffffff" 
          app:selectorColor="#c62828" 
          app:textColorNormal="#bababa" 
          app:textColorSelected="@color/blue_color" 
          app:textSizeDayName="20sp" 
          app:textSizeDayNumber="20sp" /> 

et ici Java

private HorizontalCalendar horizontalCalendar; 

    Calendar endDate = Calendar.getInstance(); 
     endDate.add(Calendar.MONTH, 1); 
     Calendar startDate = Calendar.getInstance(); 
     startDate.add(Calendar.MONTH, -1); 

     horizontalCalendar = new HorizontalCalendar.Builder(root, R.id.calendarView) 
       .startDate(startDate.getTime()) 
       .endDate(endDate.getTime()) 
       .datesNumberOnScreen(5) 
       .dayNameFormat("EEE") 
       .dayNumberFormat("dd") 
       .monthFormat("MMM") 
       .textSize(14f, 24f, 14f) 
       .showDayName(true) 
       .showMonthName(true) 

       .build(); 

     horizontalCalendar.setCalendarListener(new HorizontalCalendarListener() { 
      @Override 
      public void onDateSelected(Date date, int position) { 
//    Toast.makeText(getContext(), DateFormat.getDateInstance().format(date) + " is selected!", Toast.LENGTH_SHORT).show(); 
      } 

     });