RelativeLayout+textview+buttons

[étienne]

Bonjour,

 

Je m'adresse à vous parce que je me retrouve confronté à un petite difficulté à laquelle je ne trouve pas de solution.

 

Je veux dans mon interface graphique créer une "barre" permettant de naviguer entre plusieurs éléments. Cette barre doit être constituée, dans l'ordre, d'un bouton permettant de revenir dix éléments en arriéres, d'un bouton permettant de revenir à l'élément précédent, d'un textview affichant le nom de l'élément courant, d'un bouton permettant le passage à l'élément suivant, et d'un bouton permettant d'avancer de dix éléments, le tout centré dans la barre. Ce que j'ai représenté dans mon code par :

<RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="New Text"
                android:layout_marginTop="20dp"
                android:textSize="32dp"
                android:id="@+id/textView"
                android:layout_centerInParent="true"/>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button"
                android:background="@drawable/flechegauchet1"
                android:layout_marginTop="20dp"
                android:layout_marginRight="20dp"
                android:layout_toLeftOf="@id/textView"/>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/buttondg"
                android:background="@drawable/doubleflechegauchet1"
                android:layout_marginTop="20dp"
                android:layout_toLeftOf="@id/button"/>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/button2"
                android:background="@drawable/flechedroitet1"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:layout_toRightOf="@id/textView" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/buttondd"
                android:background="@drawable/doubleflechedroitet1"
                android:layout_marginTop="20dp"
                android:layout_toRightOf="@id/button2"/>

        </RelativeLayout>

Mon problème est que dès lors que le contenu de la textview est trop long, les boutons de chaque côté sont écrasés, jusquà disparaître selon la taille du contenu de la textview. Le comportement que je voudrais voir c'est que les boutons s'écartent bien du textview en fonction de sa longueur, mais que dès que ceux-ci n'ont plus la place de s'écarter, ce soit le contenu du textview qui passe sur deux lignes. J'espère avoir été clair dans mes explications :) J'ai essayé l'utilisation d'imagebuttons avec des poids à la place des buttons, ainsi que l'encapsulation des boutons gauches, textview et boutons droits dans des relativelayout indépendants et pondérés, mais pas moyen d'obtenir le résultat escompté. Si quelqu'un à un début de source d'inspiration... :) Merci !

[Ecrou]

J'utiliserais plutôt le LinearLayout horizontal en utilisant des valeurs de gravity.

Et pour la hauteur (widget et layout, mettre wrap_content).