Scale up Element in RecyclerView zu überlappt 2 benachbarte Elemente Android

Question

Ich benutze RecyclerView mit GridLayoutManager. Das Ziel, das ich erreichen möchte, ist, wenn ich auf einen Gegenstand klicke, wird er vergrößert und überlappt die benachbarten Gegenstände. Genau wie das Bild unten (in Android TV)

Wenn das OnClick-Ereignis ausgelöst wird, nenne ich

v.animate().scaleX(1.2f).scaleY(1.2f).setDuration(500).start(); 

Aber das Ergebnis ist unter:

Es kann nur Elemente überlappt, dass hat eine Position niedriger als er selbst.
Was soll ich tun, um alle benachbarten Elemente zu überlappen. Danke im Voraus.
EDIT
ich schon versucht:

v.bringToFront(); 

oder

(v.getParent()).bringChildToFront(v); 

Aber beide nicht funktionieren.

Answer 1

Versuchen Sie, vor dem Ausführen der Animation v.bringToFront() aufzurufen.
Wenn es nicht funktioniert, ist eine andere Variante View#setElevation(float val) mit val> 0 zu verwenden. Der Nachteil ist, dass Sie die Höhe wieder auf 0 setzen müssen, wenn Sie das Element abwählen.

Answer 2

Sie müssen es wie gewohnt mit normalen ViewGroups durchführen und die Zeichenreihenfolge der untergeordneten Elemente überschreiben. In diesem Beispiel wird die erste Ansicht immer als letzte gezeichnet - Sie müssen sie für Ihren Anwendungsfall anpassen.

public TopForcingRecyclerView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    setChildrenDrawingOrderEnabled(true); 
} 

@Override protected int getChildDrawingOrder(int childCount, int i) { 
    if (i >= childCount - 1) return 0; 
    //when asked for the last view to draw, answer ZERO 
    else return i + 1; 
    //when asked for the i-th view to draw, answer "the next one" 
} 

Achten Sie auf off durch einen Fehler.

Answer 3

aga der Antwort Laut, ich benutze ViewCompat.setElevation (Ansicht Ansicht, float Höhe) API bis 21 vor zu unterstützen, funktioniert es wie ein charmant.

static class ViewHolder extends RecyclerView.ViewHolder { 

    public ViewHolder(View root) { 
    // bind views 
    // ... 

    // bind focus listener 
    root.setOnFocusChangeListener(new View.OnFocusChangeListener() { 
     @Override 
     public void onFocusChange(View v, boolean hasFocus) { 
      if (hasFocus) { 
      // run scale animation and make it bigger 

      ViewCompat.setElevation(root, 1); 
      } else { 
      // run scale animation and make it smaller 

      ViewCompat.setElevation(root, 0); 
      } 
     } 
    }); 
    } 
} 

Der Artikel Layout-Datei ist sehr einfach wie folgt:

<?xml version="1.0" encoding="utf-8"?> 
<TextView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:focusable="true" 
    android:focusableInTouchMode="true" 
    android:background="@drawable/sl_live_item" /> 

Answer 4

1.Override die getChildDrawingOrder Methode.

@Override 
protected int getChildDrawingOrder(int childCount, int i) { 
    View view = getLayoutManager().getFocusedChild(); 
    if (null == view) { 
     return super.getChildDrawingOrder(childCount, i); 
    } 
    int position = indexOfChild(view); 

    if (position < 0) { 
     return super.getChildDrawingOrder(childCount, i); 
    } 
    if (i == childCount - 1) { 
     return position; 
    } 
    if (i == position) { 
     return childCount - 1; 
    } 
    return super.getChildDrawingOrder(childCount, i); 
} 

2.RecyclerView setChildrenDrawingOrderEnabledwahr ist.

setChildrenDrawingOrderEnabled(true); 

3.When Artikel Ansicht Fokus hat, Invalidier seine Eltern.

@Override 
public void onFocusChange(View v, boolean hasFocus) { 
    if (hasFocus) { 
     v.setScaleX(1.5f); 
     v.setScaleY(1.5f); 
     mRecyclerView.invalidate(); 
    } else { 
     v.setScaleX(1.0f); 
     v.setScaleY(1.0f); 
    } 
}