Comment amener la vue devant tout?

J'ai une activité et beaucoup de widgets dessus, certains d'entre eux ont des animations et à cause des animations certains des widgets se déplacent (se traduisent) les uns sur les autres. Par exemple, la vue de texte se déplace sur certains boutons. . .

Maintenant, je veux que les boutons soient toujours sur le devant. Et lorsque la vue de texte se déplace, je veux me déplacer derrière les boutons.

Je ne peux pas y parvenir. J'ai essayé tout ce que je sais, et "bringToFront ()" ne fonctionne définitivement pas.

note Je ne veux pas contrôler l'ordre z par l'ordre de placement de l'élément dans la mise en page car je ne peux tout simplement pas :), la mise en page est complexe et je ne peux pas placer tous les boutons au début de la mise en page

Vous pouvez appeler bringToFront () sur la vue que vous souhaitez obtenir au premier plan

Ceci est un exemple:

    yourView.bringToFront();

J'ai cherché à travers le débordement de pile pour trouver une bonne réponse et quand je n'en trouvais pas une, j'ai parcouru la documentation.

personne ne semble encore être tombé sur cette réponse simple:

ViewCompat.setTranslationZ(view, translationZ);

la traduction par défaut z est 0.0

Une solution encore plus simple consiste à éditer le XML de l'activité. Utilisation

android:translationZ=""

bringToFront()est la bonne façon, mais, notez que vous devez appeler bringToFront()et invalidate()méthode sur la vue de plus haut niveau (sous votre vue racine), par exemple:

La hiérarchie de votre vue est:

-RelativeLayout
|--LinearLayout1
|------Button1
|------Button2
|------Button3
|--ImageView
|--LinearLayout2
|------Button4
|------Button5
|------Button6

Ainsi, lorsque vous animez vos boutons (1-> 6), vos boutons seront sous (ci-dessous) le ImageView. Pour le faire passer (ci-dessus), ImageViewvous devez appeler bringToFront()et invalidate()utiliser la méthode sur votre LinearLayouts. Ensuite, cela fonctionnera :) ** REMARQUE: N'oubliez pas de définir android:clipChildren="false"pour votre mise en page racine ou de gradparent_layout de la vue animée. Jetons un coup d'œil à mon vrai code:

.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hw="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/common_theme_color"
    android:orientation="vertical" >

    <com.binh.helloworld.customviews.HWActionBar
        android:id="@+id/action_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dimen_actionbar_height"
        android:layout_alignParentTop="true"
        hw:titleText="@string/app_name" >
    </com.binh.helloworld.customviews.HWActionBar>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/action_bar"
        android:clipChildren="false" >

        <LinearLayout
            android:id="@+id/layout_top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >
        </LinearLayout>

        <ImageView
            android:id="@+id/imgv_main"
            android:layout_width="@dimen/common_imgv_height"
            android:layout_height="@dimen/common_imgv_height"
            android:layout_centerInParent="true"
            android:contentDescription="@string/app_name"
            android:src="@drawable/ic_launcher" />

        <LinearLayout
            android:id="@+id/layout_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

</RelativeLayout>

Un peu de code en .java

private LinearLayout layoutTop, layoutBottom;
...
layoutTop = (LinearLayout) rootView.findViewById(R.id.layout_top);
layoutBottom = (LinearLayout) rootView.findViewById(R.id.layout_bottom);
...
//when animate back
//dragedView is my layoutTop's child view (i added programmatically) (like buttons in above example) 
dragedView.setVisibility(View.GONE);
layoutTop.bringToFront();
layoutTop.invalidate();
dragedView.startAnimation(animation); // TranslateAnimation
dragedView.setVisibility(View.VISIBLE);

GLuck!

Avec ce code en xml

 android:translationZ="90dp"

Essayez FrameLayout, cela vous donne la possibilité de mettre les vues les unes au-dessus des autres. Vous pouvez en créer deux LinearLayouts: une avec les vues d'arrière-plan et une avec des vues de premier plan, et les combiner à l'aide de FrameLayout. J'espère que cela t'aides.

Si vous utilisez ConstraintLayout, placez simplement l'élément après les autres éléments pour le faire à l'avant que les autres

Vous pouvez essayer d'utiliser le bringChildToFront, vous pouvez vérifier si cette documentation est utile dans la page Développeurs Android .

Il peut y avoir un autre moyen qui sauve la mise. Ouvrez simplement une nouvelle boîte de dialogue avec la mise en page souhaitée et montrez-la simplement. J'en ai besoin pour afficher un loadingView sur un DialogFragment et c'était la seule façon de réussir.

Dialog topDialog = new Dialog(this, android.R.style.Theme_Translucent_NoTitleBar);
topDialog.setContentView(R.layout.dialog_top);
topDialog.show();

bringToFront () peut ne pas fonctionner dans certains cas comme le mien. Mais le contenu de la disposition dialog_top doit remplacer tout ce qui se trouve sur la couche d'interface utilisateur. Mais de toute façon, c'est une solution de contournement laide.

j'ai fait face au même problème. la solution suivante a fonctionné pour moi.

 FrameLayout glFrame=(FrameLayout) findViewById(R.id.animatedView);
        glFrame.addView(yourView);
        glFrame.bringToFront();
        glFrame.invalidate();

La deuxième solution consiste à utiliser xml en ajoutant cet attribut à la vue xml

android:translationZ=""

Vous pouvez utiliser BindingAdapter comme ceci:

@BindingAdapter("bringToFront")
public static void bringToFront(View view, Boolean flag) {
    if (flag) {
        view.bringToFront();
    }
}


  <ImageView
        ...
        app:bringToFront="@{true}"/>

Vous devez utiliser framelayout. Et la meilleure façon de faire est de rendre la vue invisible lorsque cela n'est pas nécessaire. Vous devez également définir la position pour chaque vue, afin qu'elles se déplacent en fonction de la position correspondante

Si vous utilisez a, LinearLayoutvous devez appeler myView.bringToFront()et après, vous devez appeler parentView.requestLayout()et parentView.invalidate()forcer le parent à redessiner avec le nouvel ordre enfant.

Essayez d'utiliser l'élévation dessus, quelque chose comme yourview.setElevation(5);

Merci à l' utilisateur de Stack pour cette explication, cela fonctionne même sur Android 4.1.1

((View)myView.getParent()).requestLayout();
myView.bringToFront();

Sur mon utilisation dynamique, par exemple, j'ai fait

public void onMyClick(View v)
     {
     ((View)v.getParent()).requestLayout();
     v.bringToFront();
     }

Et Bamm!

Disposez-les dans l'ordre que vous souhaitez afficher. Supposons que vous vouliez afficher la vue 1 en haut de la vue 2. Ensuite, écrivez le code de la vue 2, puis écrivez le code de la vue 1. Si vous ne pouvez pas effectuer cet ordre, appelez bringToFront () à la vue racine de la mise en page que vous souhaitez mettre en avant.

Vous pouvez définir la visibilité sur false pour les autres vues.

view1.setVisibility(View.GONE);
view2.setVisibility(View.GONE);
...

ou

view1.setVisibility(View.INVISIBLE);
view2.setVisibility(View.INVISIBLE);
...

Et mettre

viewN.setVisibility(View.VISIBLE);