2016-04-29 163 views
0

從這個here放入自定義視圖時,我注意到一些問題。RecyclerView onSwiped沒有按計劃運行

  • 由於項目不清楚,當移出屏幕時,它會留下一個大洞。
  • 當刷卡但未完全打開時,鬧鐘圖標在屏幕上仍可見。

這裏是我的困境的截圖: bugs bugs everywhere

ItemTouchHelperCallback:

@Override 
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) { 
    View itemView = viewHolder.itemView; 
    if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) { 
     itemView = viewHolder.itemView; 
     float height = (float) itemView.getBottom() - (float) itemView.getTop(); 
     float width = height/3; 

     // First, a rectangle is drawn on Canvas which covers the whole item view in preferred color. 
     // Then, we draw a Bitmap icon over that in specified location. 
     // Swiped right, green background with tick icon 
     // Swiped left, Orange background with alarm clock. 
     if(dX > 0){ 
      // On the left side i.e swiped right 
      p.setColor(ContextCompat.getColor(context, R.color.green)); 

      // Draw Rect with varying right side, equal to displacement dX 
      RectF background = new RectF((float) itemView.getLeft(), (float) itemView.getTop(), dX,(float) itemView.getBottom()); 
      c.drawRect(background,p); 

      // Retrieves icon as Bitmap 
      icon = BitmapFactory.decodeResource(context.getResources(), R.drawable.ic_tick); 
      RectF icon_dest = new RectF((float) itemView.getLeft() + width ,(float) itemView.getTop() + width,(float) itemView.getLeft()+ 2*width,(float)itemView.getBottom() - width); 

      // Set the image icon for Right swipe 
      c.drawBitmap(icon,null,icon_dest,p); 
     } else { 
      // On the right side i.e swiped left 
      p.setColor(ContextCompat.getColor(context, R.color.orange)); 

      // Draw Rect with varying left side, equal to the item's right side 
      // plus negative displacement dX 
      RectF background = new RectF((float) itemView.getRight() + dX, (float) itemView.getTop(),(float) itemView.getRight(), (float) itemView.getBottom()); 
      c.drawRect(background,p); 

      // Retrieves icon as Bitmap 
      icon = BitmapFactory.decodeResource(context.getResources(), R.drawable.ic_alarm_off); 
      RectF icon_dest = new RectF((float) itemView.getRight() - 2*width ,(float) itemView.getTop() + width,(float) itemView.getRight() - width,(float)itemView.getBottom() - width); 

      // Set the image icon for Left swipe 
      c.drawBitmap(icon,null,icon_dest,p); 
     } 

     // Fade out the view as it is swiped out of the parent's bounds 
     final float alpha = 1.0f - Math.abs(dX)/(float) viewHolder.itemView.getWidth(); 
     viewHolder.itemView.setAlpha(alpha); 
     viewHolder.itemView.setTranslationX(dX); 
    } 
    else 
     super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive); 
} 

@Override 
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, 
           int actionState) { 
    // We only want the active item 
    if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) { 
     if (viewHolder instanceof ItemTouchHelperViewHolder) { 
      ItemTouchHelperViewHolder itemViewHolder = 
        (ItemTouchHelperViewHolder) viewHolder; 
      itemViewHolder.onItemSelected(); 
      viewHolder.itemView.setBackgroundColor(Color.LTGRAY); 
     } 
    } 

    super.onSelectedChanged(viewHolder, actionState); 
} 

@Override 
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { 
    // Called when RV item goes back into idle state i.e. finished drag or swipe 
    super.clearView(recyclerView, viewHolder); 
    if(viewHolder instanceof ItemTouchHelperViewHolder) { 
     ItemTouchHelperViewHolder itemTouchHelperViewHolder = (ItemTouchHelperViewHolder) viewHolder; 
     itemTouchHelperViewHolder.onItemClear(); 
     viewHolder.itemView.setBackgroundColor(0); 
     icon.recycle(); 
    } 
} 

如何將我:位圖

  1. 讓淡出所以下面更新項目填補空白

  2. 修復圖標和空間的問題

  3. 解決我的問題,並降低我的血壓

我將是任何解決方案,您可以提供感激。

UPDATE:

我固定的圖標問題是相當愚蠢的方式。在if (dX > 0)之後的else聲明中,我將其替換爲else if (dX < 0),因此圖標消失。我的理論是,這是因爲當RV項被替換時,dX不是> 0,所以調用else語句的地方再次繪製圖標。

回答

0

我修復圖標問題的方式很愚蠢。在if (dX > 0)之後的else聲明中,我將其替換爲else if (dX < 0),因此圖標消失。我的理論是,這是因爲當RV項被替換時,dX不是> 0,所以onChildDraw中的else語句被調用,其中圖標再次被繪製。