StaggeredGridLayoutManager réordonne articles

Question

Mes articles a différentes mises en page et parfois créer un espace ou des espaces au-dessus de RecyclerView en faisant glisser les éléments dans la mise en page. Lorsque je reviens en haut de RecyclerView, certains éléments sont réorganisés et les lacunes sont remplies par eux. Le comportement est capturé ici:

Combler les lacunes est correct. Il est également acceptable lorsque les objets changent de position pendant le glissement. Le problème est quand il s'agit de faire défiler vers le haut. La réorganisation se produit lorsque le défilement se termine - je ne touche pas à l'écran.

C'EST COMMENT JE CRÉE RECYCLERVIEW ET MISE EN PAGE MANAGER

recyclerView = (RecyclerView)layout.findViewById(R.id.recycler_view); 

    stagaggeredGridLayoutManager = 
     new StaggeredGridLayoutManager(
      getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE ? 3 : 2, StaggeredGridLayoutManager.VERTICAL); 

    recyclerView.setLayoutManager(stagaggeredGridLayoutManager); 

    stagaggeredList = getListItemData(); 

    StatisticsGridViewAdapter rcAdapter = new StatisticsGridViewAdapter(this.getActivity(), stagaggeredList, recyclerView); 

    ItemTouchHelper.Callback callback = new StatisticsTouchHelperCallback(rcAdapter); 
    touchHelper = new ItemTouchHelper(callback); 
    touchHelper.attachToRecyclerView(recyclerView); 

    recyclerView.setAdapter(rcAdapter); 

classe ItemTouchHelper

public class StatisticsTouchHelperCallback extends ItemTouchHelper.Callback { 

    private final ItemTouchHelperAdapter touchHelperAdapter; 


    @Override 
    public boolean isLongPressDragEnabled() { 
     return true; 
    } 

    @Override 
    public boolean isItemViewSwipeEnabled() { 
     return false; 
    } 

    @Override 
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { 
     int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | 
      ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT; 

     int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END; 
     return makeMovementFlags(dragFlags, swipeFlags); 
    } 

    @Override 
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, 
     RecyclerView.ViewHolder target) { 
     touchHelperAdapter.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition()); 
     return false; 
    } 

    @Override 
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) { 
     touchHelperAdapter.onItemDismiss(viewHolder.getAdapterPosition()); 
    } 

    public StatisticsTouchHelperCallback(ItemTouchHelperAdapter adapter) { 
     touchHelperAdapter = adapter; 
    } 
} 

adaptateur RecyclerView

public class StatisticsGridViewAdapter extends RecyclerView.Adapter<StatisticsGridItemViewHolder> implements ItemTouchHelperAdapter { 

    private List<Statistic> itemList; 
    private Context context; 

    @Override 
    public StatisticsGridItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 

     View layoutView = LayoutInflater.from(parent.getContext()).inflate(itemList.get(viewType).getStatisticType().getStringResourcesId(), null); 
     StatisticsGridItemViewHolder rcv = new StatisticsGridItemViewHolder(layoutView, viewType); 
     return rcv; 
    } 

    @Override 
    public void onBindViewHolder(final StatisticsGridItemViewHolder holder, int position) { 
     holder.getMenu().setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       PopupMenu popup = new PopupMenu(v.getContext(), holder.getMenu()); 
       popup.getMenuInflater().inflate(R.menu.statistics__widget__popup_menu, popup.getMenu()); 
       Menu menu = popup.getMenu(); 
       MenuItem item = menu.add(R.string.statistics__widget__menu_item__pin_to_dashboard); 
       //item.setOnMenuItemClickListener() 
       popup.show(); 
      } 
     }); 
    } 

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

    @Override 
    public boolean onItemMove(int fromPosition, int toPosition) { 
     if (fromPosition < toPosition) { 
      for (int i = fromPosition; i < toPosition; i++) { 
       Collections.swap(itemList, i, i + 1); 
      } 
     } else { 
      for (int i = fromPosition; i > toPosition; i--) { 
       Collections.swap(itemList, i, i - 1); 
      } 
     } 
     notifyItemMoved(fromPosition, toPosition); 
     return true; 
    } 

    @Override 
    public void onItemDismiss(int position) { 
     itemList.remove(position); 
     notifyItemRemoved(position); 
    } 

    @Override 
    public int getItemViewType(int position) {return itemList.get(position).getStatisticType().getPosition(); 
    } 

    public StatisticsGridViewAdapter(Context context, List<Statistic> itemList) { 
     this.itemList = itemList; 
     this.context = context; 
    } 
} 
interface ItemTouchHelperAdapter { 

    boolean onItemMove(int fromPosition, int toPosition); 

    void onItemDismiss(int position); 
} 

Actuellement, j'utilise 12 mises en page différentes avec la même structure. Seule la hauteur est différente pour simuler les widgets finaux.

Exemple de mise en page de l'article

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 
    <LinearLayout 
     android:id="@+id/statistics__widget__main_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/order_tile_final" 
     android:layout_marginLeft="5dp" 
     android:layout_marginRight="5dp" 
     android:layout_marginTop="2dp" 
     android:layout_marginBottom="7dp" 
     android:orientation="vertical"> 
     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="17dp" 
      android:orientation="horizontal"> 
      <TextView 
       android:id="@+id/widget_title" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:text="@string/statistics__widget__forms_filled_title" 
       style="@style/tablet_common_font__main_3" 
       android:paddingTop="10dp" 
       android:layout_weight="1"/> 
      <ImageView 
       android:id="@+id/widget_menu" 
       android:layout_width="wrap_content" 
       android:layout_height="23dp" 
       android:layout_marginTop="7dp" 
       android:paddingTop="5dp" 
       android:layout_marginRight="8dp" 
       android:src="@drawable/a_menu_dark"/> 
     </LinearLayout> 
     <TextView 
      android:id="@+id/widget_value" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      style="@style/tablet_common_font__headline_2" 
      android:layout_marginLeft="17dp" 
      android:layout_marginBottom="6dp"/> 
    </LinearLayout> 
</LinearLayout> 

Answer 1

Je pense que c'est le comportement commun de StaggeredGridLayoutManager:

Lorsque l'état de défilement est modifiée pour SCROLL_STATE_IDLE, StaggeredGrid vérifiera s'il y a des lacunes dans la à cause des articles de pleine envergure. S'il le trouve, il réorganise et déplace les éléments pour corriger les positions avec des animations.

Vous pouvez arrêter le comportement à combler les lacunes en changeant de stratégie à GAP_HANDLING_NONE:

stagaggeredGridLayoutManager.setGapStrategy(
     StaggeredGridLayoutManager.GAP_HANDLING_NONE); 

Answer 2

Je travaille sur Recyclerview avant si je comprends bien votre question, je pense que la chose ci-dessous résoudre le problème. Laissez-moi savoir si des problèmes ou je me trompe dans la compréhension de votre problème.

Les meilleurs Regds

Answer 3

Vous devez étendre le recycleur View pour activer la fonctionnalité de remise en ordre.

S'il vous plaît suivre le lien suivant: https://gist.github.com/mohlendo/68b7e2f89d0b1b354abe

Et pour l'exemple complet, utilisez le lien suivant: https://github.com/mohlendo/ReorderRecyclerView