Utilisation ItemTouchHelper pour Glisser À Rejeter avec un autre affichage de la Vue derrière le glissée hors

J'ai un RecyclerView et vous souhaitez permettre à mes utilisateurs d'utiliser un mouvement de balayage pour supprimer des éléments de la liste. Mais comme on le sait par d'autres applications (par exemple Gmail), j'ai envie de montrer une icône de suppression derrière elle, de sorte que mon savoir aux utilisateurs que le balayage des résultats dans un supprimer. Cependant, je ne peux pas trouver un moyen évident de le faire. Le ItemTouchHelper utilise le viewHolder.itemView, de sorte qu'il prend la ligne entière.

Mon code:

    ItemTouchHelper.SimpleCallback simpleItemTouchCallback = new
            ItemTouchHelper.SimpleCallback(0, ItemTouchHelper.LEFT) {
                @Override
                public boolean onMove(
                        final RecyclerView recyclerView,
                        final RecyclerView.ViewHolder viewHolder,
                        final RecyclerView.ViewHolder target) {
                    return false;
                }

                @Override
                public void onSwiped(
                        final RecyclerView.ViewHolder viewHolder,
                        final int swipeDir) {
                    adapter.remove(viewHolder.getAdapterPosition());
                }
            };

    ItemTouchHelper itemTouchHelper = new ItemTouchHelper(
            simpleItemTouchCallback
    );
    itemTouchHelper.attachToRecyclerView(itemsRecyclerView);

    itemsRecyclerView.setLayoutManager(
            new LinearLayoutManager(getContext())
    );
    itemsRecyclerView.setAdapter(adapter);

Quelqu'un de la colle si c'est possible? La seule chose que je peux imaginer est d'étendre le ItemTouchHelper /copier le code, et au lieu d'utiliser viewHolder.itemView-je prendre une vue identifié par un ID.

InformationsquelleAutor akohout | 2015-06-23
  1. 37

    Je l'ai fait avec la suite de la structure de mise pour le recycleur voir un élément:

    <FrameLayout
    background = dark>
    <AnyLayout with content
       android:id="@+id/removable">
    </AnyLayout>
<FrameLayout>

    Puis-je utiliser ce point de vue titulaire en vue de base titulaire dans mon adaptateur:

    public class RemovableViewHolder extends RecyclerView.ViewHolder {
    private View mRemoveableView;

    public RemovableViewHolder(final View itemView) {
        super(itemView);

        mRemoveableView = itemView.findViewById(R.id.removable);
    }

    public View getSwipableView() {
        return mRemoveableView;
    }
}

    Dans mon ItemTouchHelper.Rappel de classe I d'étendre les méthodes suivantes comme ça:

    @Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    if (viewHolder instanceof RemovableViewHolder) {
        int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
        return makeMovementFlags(0, swipeFlags);
    } else
        return 0;
}

@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    getDefaultUIUtil().clearView(((RemovableViewHolder) viewHolder).getSwipableView());
}

@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    if (viewHolder != null) {
        getDefaultUIUtil().onSelected(((RemovableViewHolder) viewHolder).getSwipableView());
    }
}

public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
    getDefaultUIUtil().onDraw(c, recyclerView, ((RemovableViewHolder) viewHolder).getSwipableView(), dX, dY,    actionState, isCurrentlyActive);
}

public void onChildDrawOver(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
    getDefaultUIUtil().onDrawOver(c, recyclerView, ((RemovableViewHolder) viewHolder).getSwipableView(), dX, dY,    actionState, isCurrentlyActive);
}

    Avec cette approche, vous utiliser un niveau dans des mises en page plus, mais enregistre-vous des problèmes avec le dessin sur la Toile. Aussi, vous pouvez sélectionner d'autres points de vue à l'intérieur de l'élément, par exemple enregistrer un qui a été touché et le retourner et d'avoir des enfants d'un élément aussi swipeable.

    Fixation pour le recycleur vue:

    final ItemTouchHelper.Callback callback = new RemovableItemTouchHelperCallback(mAdapter);
final ItemTouchHelper touchHelper = new ItemTouchHelper(callback);
touchHelper.attachToRecyclerView(recyclerView)
    • C'est une excellente solution, vous pouvez même récupérer des licenciés de mise en page, la seule chose est que si j'essaie et cliquez sur une mise en page différente de amovible, il repeint amovible encore 🙁
    • Oui, dans mon cas, le point de vue est amovible. Le fond est juste en dessous, ne sont pas visibles. Mais si vous voulez faire une partie seulement de votre point de vue être swipable, je voudrais ajouter onTouchListeners à certains points de vue et enregistrer là, la vue qui a été touché. Le getSwipableView() doit retourner ce point de vue. Heureusement, le onTouch est appelé avant qu'aucune de ces méthodes ci-dessus, de sorte que vous pouvez vérifier ce point de vue a été touché dans getMovementFlags(..). Il y a quelques astuces à renvoyer true ou false à partir de onTouch si vous avez imbriqué swipable points de vue.
    • pouvez vous s'il vous plaît spécifier, ou mieux encore, de présenter un exemple de code. J'ai été en mesure d'obtenir le onClick de feu, mais je devais le faire .notifyItemChanged sur le "onSwiped" qui a causé un scintillement et d'incohérence.
    • Je suis à l'aide de onMove() pour faire glisser et déposer sur CardViews dans un RecyclerView liste. J'ai xml mis en place avec un arrière-plan rouge (par doigt) et de premier plan. Lorsque je fais glisser une CardView le premier plan se déplace comme prévu, mais le fond ne l'est pas. Des idées comment les corriger afin que le fond se déplace avec le premier plan?
    • êtes-vous en mesure de faire la ItemTouchHelper classe de ré-utilisable de sorte que vous n'avez pas à en créer un nouveau pour chaque activité/recyclerview que vous avez dans votre application?
    • désolé, je n'ai aucune idée. Je ne permet pas de déplacer les lignes.
    • J'ai vérifié le code et je suis en train de créer une nouvelle instance à chaque fois.
    • Je veux dire que dans ce code là où nous sommes de coder en dur le casting de la Classe: ((RemovableViewHolder) viewHolder). Cela signifie que nous ne pouvons utiliser cette ItemTouchHelper pour le "RemoveableViewHolder" la classe n'est-ce pas? Je voudrais utiliser la même ItemTouchHelper classe pour les autres classes aussi.

    InformationsquelleAutor philips77
  2. 18

    utiliser le onChildDraw() la méthode de ItemTouchHelper - je avoir de travail avec une image et la couleur d'arrière-plan pour glisser vers la gauche et la droite avec différentes couleurs et les icônes:

            @Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {
View itemView = viewHolder.itemView;
Paint paint = new Paint();
Bitmap bitmap;
if (dX > 0) { //swiping right
paint.setColor(getResources().getColor(R.color.child_view_complete));
bitmap = BitmapFactory.decodeResource(getApplicationContext().getResources(), R.mipmap.ic_circle_complete);
float height = (itemView.getHeight() / 2) - (bitmap.getHeight() / 2);
c.drawRect((float) itemView.getLeft(), (float) itemView.getTop(), dX, (float) itemView.getBottom(), paint);
c.drawBitmap(bitmap, 96f, (float) itemView.getTop() + height, null);
} else { //swiping left
paint.setColor(getResources().getColor(R.color.primaryColorAccent));
bitmap = BitmapFactory.decodeResource(getApplicationContext().getResources(), R.mipmap.ic_circle_bin);
float height = (itemView.getHeight() / 2) - (bitmap.getHeight() / 2);
float bitmapWidth = bitmap.getWidth();
c.drawRect((float) itemView.getRight() + dX, (float) itemView.getTop(), (float) itemView.getRight(), (float) itemView.getBottom(), paint);
c.drawBitmap(bitmap, ((float) itemView.getRight() - bitmapWidth) - 96f, (float) itemView.getTop() + height, null);
}
super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
}
}

    96 f peut être remplacé par quelle que soit la distance à partir de la gauche/droite, vous souhaitez qu'il soit. Ce n'est pas parfait comme quand je suis en bas de 2 éléments dans l'adaptateur et j'ai supprimer un poste sur le canevas ne disparaît pas et reste jusqu'à ce que l'adaptateur est nouveau - travaillent à essayer de résoudre maintenant je vais mettre à jour si je trouve une solution complète, mais pour l'instant c'est ce que je pense que vous êtes la recherche pour.

    • Si vous avez étendu ItemTouchHelper et remplacé onChildDraw?
    • Oui, c'est une méthode disponible dans ItemTouchHelper
    • Vous ne devez pas appeler de nouveau à l'intérieur de onChildDraw. Aussi, vous devez appeler bitmap.recycle(). C'est une mauvaise gestion de la mémoire.
    • Sur 2 bitmaps totalisant 3k? va GC pas gérer automatiquement le recyclage quand il le décide? Je peux voir votre point si je fais face à beaucoup de bitmaps qui volent autour, cependant comment appeler bitmap.recycler() dans ce cas être nécessaires, ou ne les appelle pas ça être une mauvaise gestion de la mémoire? Je veux juste apprendre à partir de votre commentaire, donc je peux comprendre ce que tu veux dire que vous n'avez pas expliqué, et vous avez dit qu'il doit être appelé.
    • onDraw méthode est appelée très souvent donc 3k va exploser bientôt. GC coup de pied, mais il faudra un certain temps et qui feront de vos animations de bégayer et de déposer des cadres. À partir de la documentation: "la Création d'objets à l'avance est une importante optimisation. Les vues sont redessinées très souvent, et de nombreux objets de dessin coûteux d'initialisation. Création d'objets de dessin au sein de votre onDraw() la méthode réduit considérablement les performances et peut rendre votre INTERFACE utilisateur apparaître léthargique." developer.android.com/training/custom-views/custom-drawing.html
    • Quant à votre question quand vous êtes en bas de 2 éléments: la toile ne devrait pas disparaître, c'est la toile pour le recycleur vue. Vous êtes dessin lorsque vous ne devriez pas est ce que je pense qui se passe. Ressemble ItemTouchHelper garde ViewHolders de supprimé les lignes dans le cas où ils ont besoin d'être restaurée. C'est aussi l'appel de onChildDraw pour ceux VHs en plus de la VH être lue. Vous ne voulez pas de tirage pour les VHs qui ont été retirés précédemment. Vous pouvez vérifier si viewHolder.getAdapterPosition() == -1 et ne pas tirer de ces instances.

    InformationsquelleAutor Mark Keen