Android 구현 목록 시간 축

본 논문 의 사례 는 안 드 로 이 드 목록 시간 축 에 표 시 된 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
실 현 된 효과 도 는 다음 과 같다.

실현 하 는 방식 은 recycleview 의 ItemDecoration 이라는 추상 적 인 유형 을 이용 하 는 것 이다.바로 우리 가 자주 분할 선 을 그 리 는 이런 유형 이다.
구체 적 으로 다음 과 같다.

public class DividerItemDecoration extends RecyclerView.ItemDecoration{
 //        (    )
 private Paint mPaint;

 //          (    +   )
 private Paint mPaint1;
 private Paint mPaint2;
 private Paint mPaint3;


 //        
 private int itemView_leftinterval;
 private int itemView_topinterval;

 //     
 private int circle_radius;

 //   
 private Bitmap mIcon;
 //    (       )
 private List<String> monthList= new ArrayList<>();
 //    (       )
 private List<String> yearList= new ArrayList<>();

 public void setMonthList(List<String> monthList) {
  this.monthList = monthList;
 }

 public void setYearList(List<String> yearList) {
  this.yearList = yearList;
 }

 //               ，        
 public DividerItemDecoration(Context context) {

  //     (  )
  mPaint = new Paint();
  mPaint.setColor(Color.rgb(58, 154, 239));
  mPaint.setStyle(Paint.Style.STROKE);
  mPaint.setStrokeWidth(3);
  //         (  )
  //                &   
  mPaint1 = new Paint();
  mPaint1.setColor(Color.BLACK);
  mPaint1.setTextSize(30);


  mPaint2 = new Paint();
  mPaint2.setColor(context.getResources().getColor(R.color.divider));
  mPaint2.setTextSize(26);

  mPaint3 = new Paint();
  mPaint3.setColor(Color.rgb(58, 154, 239));
  mPaint3.setTextSize(20);

  //   ItemView     
  itemView_leftinterval = 150;

  //   ItemView      
  itemView_topinterval = 30;

  //          10
  circle_radius = 8;



 }

 //   getItemOffsets（）  
 //   ：  ItemView   &      
 @Override
 public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
  super.getItemOffsets(outRect, view, parent, state);

  //   ItemView   &         150 px & 30px,   onDraw()      
  outRect.set(itemView_leftinterval, itemView_topinterval, 0, 0);

 }

 //   onDraw（）
 //   :             &     
 @Override
 public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
  super.onDraw(c, parent, state);
  //   RecyclerView Child view   
  int childCount = parent.getChildCount();

  //     Item，           ，           
  for (int i = 0; i < childCount; i++) {

   //     Item  
   View child = parent.getChildAt(i);
   View lastChild = null;
   if (i > 0) {

    lastChild = parent.getChildAt(i - 1);
   }

   /**
    *     
    */
   //    =   =   (x,y)            
   float centerx = child.getLeft() - itemView_leftinterval / 4;
   float centery = child.getTop() + itemView_topinterval +10;
   //      
   c.drawCircle(centerx, centery, circle_radius, mPaint);


   /**
    *       (x       )
    */
   //      (x,y)
   float upLine_up_x = centerx;
   float upLine_up_y = 0;
   if (i>0){
     upLine_up_y = lastChild.getBottom();
   }else {
     upLine_up_y = centery - itemView_topinterval;
   }



   //      (x,y)
   float upLine_bottom_x = centerx;
   float upLine_bottom_y = centery - circle_radius;

   //       
   c.drawLine(upLine_up_x, upLine_up_y, upLine_bottom_x, upLine_bottom_y, mPaint);

   /**
    *       ,         
    */
   if (i <childCount-1){
    //      (x,y)
    float bottomLine_up_x = centerx;
    float bottom_up_y = centery + circle_radius;

    //      (x,y)
    float bottomLine_bottom_x = centerx;
    float bottomLine_bottom_y = child.getBottom();

    //       
    c.drawLine(bottomLine_up_x, bottom_up_y, bottomLine_bottom_x, bottomLine_bottom_y, mPaint);
   }



   /**
    *         
    */
   //     Item   
   int index = parent.getChildAdapterPosition(child);
   //         
   float Text_x = child.getLeft() - itemView_leftinterval * 5 / 6;
   float Text_y = upLine_bottom_y;

   //   Item        
   switch (index) {
    case (0):
     //         

     c.drawText(monthList.get(0), Text_x, Text_y, mPaint1);
     c.drawText(yearList.get(0), Text_x + 8, Text_y + 28, mPaint2);
     break;
    case (1):
     //         
     c.drawText(monthList.get(1), Text_x, Text_y, mPaint1);
     c.drawText(yearList.get(1), Text_x + 8, Text_y + 28, mPaint2);
     break;
    case (2):
     //         
     if (TextUtils.isEmpty(yearList.get(2))){
      c.drawText(monthList.get(2), Text_x, Text_y, mPaint3);
     }else {
      c.drawText(monthList.get(2), Text_x, Text_y, mPaint1);
      c.drawText(yearList.get(2), Text_x + 8, Text_y + 28, mPaint2);
     }
     break;
    case (3):
     //         
     c.drawText(monthList.get(3), Text_x, Text_y, mPaint1);
     c.drawText(yearList.get(3), Text_x + 8, Text_y + 28, mPaint2);
     break;
    case (4):
     //         
     c.drawText(monthList.get(4), Text_x, Text_y, mPaint1);
     c.drawText(yearList.get(4), Text_x + 8, Text_y + 28, mPaint2);
     break;
    default:c.drawText("  ", Text_x, Text_y, mPaint1);
   }
  }
 }

}

사용 이 비교적 간단 합 니 다:

DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(this);
  dividerItemDecoration.setMonthList(monthList);
  dividerItemDecoration.setYearList(yearList);
  mRecyclerView.addItemDecoration(dividerItemDecoration);

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.