match_parent de la propriété pour les enfants dans un RelativeLayout

En bref, est-il possible de dire à un enfant dans un RelativeLayout de toujours correspondre à la hauteur de la RelativeLayout indépendamment de la façon dont d'autres enfants dans la même RelativeLayout se comporter? En bref, c'est tout. Les détails ci-dessous.

Ce que je suis en train de réaliser est un ListView ligne avec au moins trois points de vue, et l'un de ces points de vue serait une sorte de bande sur le côté droit de l'entrée de la liste (le rouge de la vue ci-dessous). Le problème, je vais avoir, c'est qu'il y a un TextView sur le côté gauche, et selon la façon dont beaucoup de texte que j'ai, la bande à ne pas remplir toute la mise en page. C'est très clairement expliqué par les images ci-dessous.

ListView élément de mise en page:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

<View
        android:id="@+id/bottom_line"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:layout_alignParentBottom="true"
        android:background="#fc0" />

<!-- Why match_parent does not work in view below? -->
<View
        android:id="@+id/stripe"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:minHeight="50dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        android:background="#f00" />

<TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/stripe"
        android:text="This is a very long line, meant to completely break the match_parent property of the box at right"
        style="?android:textAppearanceLarge"/>

</RelativeLayout>

Résultat:

match_parent de la propriété pour les enfants dans un RelativeLayout

Réglage de la bande et de la racine de la hauteur de match_parent ne fait aucune différence. Je l'ai fait.

Répéter la question, je veux que la bande rouge, remplissez toujours le parent verticalement. Vous pouvez voir la bande n'est pas de s'aligner sur le haut de la racine.

Une remarque: l'exemple ci-dessus est le plus simple, autonome exemple je pense. C'est juste un ListActivity avec un anonyme ArrayAdapter peuplée par une statique String tableau. Le code correspondant dans onCreate est à plus de 8 lignes, donc pas de soucis là. C'est vraiment la mise en page. D'ailleurs, j'ai ce travail avec imbriqué LinearLayouts déjà, mais je vais essayer de réduire la profondeur de ma présentation de la structure un peu, si possible. LinearLayout fonctionne très bien, comme prévu.

  • RelativeLayouts ne fonctionnent pas avec le poids de propriétés (à l'exception de la mère de la RelativeLayout lui-même...).
InformationsquelleAutor davidcesarino | 2013-08-18
  1. 35

    J'ai eu la même exigence et ma solution a été d'aligner le haut de la bande rouge à la mère du haut, et le bas de la bande vers le bas de l'affichage de texte sur la gauche. La hauteur dans ce cas, devient sans objet. Vous pouvez soit utiliser wrap_content ou match_parent.

    • Je suis de l'acceptation de votre solution parce que je devrait avoir formulé ma question mieux. Bien que votre réponse s'inscrit la question est, ce que je voulais dire, c'est qu'il doit être défini indépendamment des autres points de vue (c'est implicite dans la première phrase, mais l'exemple est trop limité). Par exemple, si j'utilise un TextView une bande, cette solution ne fonctionnera pas si nous avons le contraire: si le texte est plus petite à la verticale de la bande (dans ce cas, la bande de contenu seront découpées). Encore une fois, je devrais avoir rédigé mieux (comme dans: la bande pourrait être faite d'autres points de vue en plus de la Vue. Pas "peu importe", comme l'implique.
    • Vous êtes de droite. Dans ce cas RelativeLayout a height="wrap_content" le sens qu'il se réfère à la taille des enfants. Si vous définissez un enfant avec un height="match_parent", alors cet enfant se réfère à la hauteur de son parent. Parent se réfère à la taille de l'enfant et de l'enfant fait référence à un parent de l'un. Je crois que c'est ce que RelativeLayout ne peut pas gérer, au moins pour l'instant. Vous avez besoin d'une ancre, et j'en suis arrivé à une solution avec un autre enfant, qui est situé au-dessous de tous les autres.
    InformationsquelleAutor sergej shafarenka
  2. 20

    Suffit de mettre votre principale RelativeLayout à l'intérieur d'un LinearLayout, puis le calcul de la pension Vues hauteur sera correct . J'ai eu le même problème et il a travaillé pour moi.

    InformationsquelleAutor Behzad
  3. 6

    Essayez ceci: 

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

    <View
        android:id="@+id/stripe"
        android:layout_width="80dp"
        android:layout_height="match_parent"
        android:layout_alignBottom="@id/text"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@id/text"
        android:background="#f00"
        android:minHeight="50dp"/>

    <TextView
        android:id="@+id/text"
        style="?android:textAppearanceLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@id/stripe"
        android:text="This is a very long line, meant to completely break the match_parent property of the box at right"/>

    <View
        android:id="@+id/bottom_line"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:layout_below="@id/text"
        android:background="#fc0"/>

</RelativeLayout>

    L'aligner en haut et en bas de la rouge vue est le même que textview maintenant.

    • Désolé, mais non. Avec votre solution, la bande de la largeur dépend de la largeur du texte (toRightof=texte), et finira par être poussé hors de la mise en page si le texte atteint le maximum de la largeur de la racine. Aussi, si la bande de contenu est plus grand que le texte, la bande de contenu sera coupé.
    • Vous avez raison! J'ai édité mon code et maintenant il fonctionne correctement 😉 (modifié "toRightOf" pour "toLeftOf" de TextView)
    • Merci pour vos efforts. C'est fondamentalement le même que le gars ci-dessus (et avant) vous l'a dit, donc je suis en marquant son acceptée. J'ai effectivement essayé cela avant, mais même cela a des mises en garde. Voir mon commentaire sur le gars au-dessus de vous sur la façon dont ces pauses si la bande a tout type de contenu est plus grand que le TextView. Dans ce cas, la bande de contenu sera coupé. Oui, mea culpa pour ne pas libellé mieux, mais je peux toujours demander à nouveau.
    • Je l'ai essayé et ça ne marche pas, la seule chose qui a résolu c'est de le mettre dans LinearLayout
    InformationsquelleAutor Namenlos
  4. 1

    C'est un problème ennuyeux et vous avez besoin de mettre le RelativeLayout à l'intérieur d'un LinearLayout

     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:minHeight="40dp"
        >
        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <RelativeLayout
                android:id="@+id/deleteItem"
                android:layout_width="60dp"
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:clickable="true"
                android:background="@color/background_grey"
                >
                <TextView
                    style="@style/SmallButtonFont"
                    android:layout_marginRight="12dp"
                    android:layout_centerInParent="true"
                    android:text="CLEAR"
                    android:textColor="@color/globalRedLight" />
            </RelativeLayout>
    </RelativeLayout>
</LinearLayout>
    InformationsquelleAutor Ronny Shibley
  5. 0

    Ajout d'un écouteur à la liste de l'élément de support de sorte que chaque fois lors de changement de titulaire en hauteur, réglez la hauteur de l'enfant. i1 est pour le haut, et i3 est pour le fond. 

    parent.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
        @Override
        public void onLayoutChange(View view, int i, int i1, int i2, int i3, int i4, int i5, int i6, int i7) {
            child.setTop(i1);
            child.setBottom(i3);
        }
    });
    InformationsquelleAutor C. Alen