Comment puis-je empêcher les vues de chevauchement relatif de la mise en page?

Droit maintenant, j'ai deux textViews un sur alignés à gauche de la relative mise en page et celui qui est aligné à droite. Le texte sur la gauche est beaucoup plus longue que celle qui est sur la droite. Dans certains cas, le texte sur la gauche est deux lignes. Lorsque cela arrive, ce texte chevauche le texte est aligné à droite.

Est-il de toute façon à empêcher cela? Ou est-il un moyen de dire que si le texte sur la gauche, deux lignes, de mettre le texte sur la droite sur la deuxième ligne?

J'ai de la difficulté avec le nom et le temps d'ici-bas:

  <RelativeLayout android:layout_width="wrap_content" android:id="@+id/relativeLayout" android:layout_height="wrap_content">

  <TextView android:text="TextView" android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10sp" android:textStyle="bold" android:textSize="16sp"></TextView>
  <TextView android:layout_width="wrap_content" android:id="@+id/address" android:text="address" android:layout_height="wrap_content" android:layout_below="@+id/name" android:layout_alignLeft="@+id/name" android:layout_marginLeft="30sp"></TextView>
  <TextView android:layout_width="wrap_content" android:layout_toRightOf="@+id/address" android:text="" android:layout_height="wrap_content" android:layout_alignTop="@+id/address" android:layout_alignBottom="@+id/address" android:id="@+id/crossStreet"></TextView>
  <TextView android:layout_width="wrap_content" android:id="@+id/time" android:text="Time" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="10sp"></TextView>

</RelativeLayout>

OriginalL'auteur mergesort | 2011-07-05

android

16

Pourriez-vous, au lieu de contenir ces deux TextViews dans une horizontale LinearLayout (qui peut encore être un enfant de votre RelativeLayout). Ensuite, attribuer les poids des attributs de chacun des deux TextViews à l'intérieur de cette LinearLayout.

génial. il a travaillé. J'ai aussi fait le temps d'aligner à droite de la disposition linéaire, pour référence future.
Suis-je censé jouer avec le poids? J'ai .35 et .65 pour le faire fonctionner, mais .4 et .6 a donné de drôles de résultats

OriginalL'auteur Trevor

Pour obtenir le même résultat à l'aide de RelativeLayout veuillez utiliser android:layout_toLeftOf="@+id/right_text". Il sera à la position du bord droit de ce point de vue, à gauche de la vue d'ancrage ID.

Veuillez suivre cet exemple:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingLeft="@dimen/margin_material_small"
    android:paddingRight="@dimen/margin_material_small">
    <TextView
        android:id="@+id/long_text"
        style="@style/Base.TextAppearance.AppCompat.Title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/right_text"
        android:singleLine="true"
        tools:text="Some text field that will definitely overlap with another one" />
    <TextView
        android:id="@+id/right_text"
        style="@style/Base.TextAppearance.AppCompat.Display1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:singleLine="true"
        tools:text="10.34" />
    <TextView
        android:id="@+id/subtext"
        style="@style/Base.TextAppearance.AppCompat.Medium"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/long_text"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/right_text"
        android:singleLine="true"
        tools:text="Some other text slightly smaller"/>
</RelativeLayout>

Suite de la disposition ci-dessus:

Comment puis-je empêcher les vues de chevauchement relatif de la mise en page?

Ce doit être la accepté de répondre à
C'est certainement préférable à la actuellement accepté de répondre. Il n'y a pas besoin de nid dans un autre récipient (linéaire, mise en page) à l'intérieur d'une relative mise en page. Vous voulez réduire la nidification des conteneurs autant que possible.

OriginalL'auteur Michal

Veuillez consulter ci-dessous le code plus utile pour vous.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="wrap_content"
    android:orientation="horizontal">
    <LinearLayout android:layout_width="fill_parent"
        android:weightSum="1.0" android:id="@+id/relativeLayout"
        android:layout_height="wrap_content">
        <TextView android:text="TextView1 hhhhh hhhhhhhh hhhhhhhh hhhhhhh hhhhhh"
            android:id="@+id/name" android:layout_weight="0.5"
            android:layout_width="0dip" android:layout_height="wrap_content"
            android:layout_marginLeft="10sp" android:textStyle="bold"
            android:textSize="16sp"></TextView>
        <TextView android:layout_width="0dip" android:layout_weight="0.5"
            android:id="@+id/time" android:text="Textview4"
            android:layout_height="wrap_content" android:layout_alignParentRight="true"
            android:layout_marginRight="10sp"></TextView>
    </LinearLayout>
</LinearLayout>

OriginalL'auteur Nikhil

<RelativeLayout
        android:id="@+id/relativeParent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/titleLeft"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_toLeftOf="@+id/imageRight"
            android:layout_alignParentStart="true" />

        <ImageView
            android:id="@+id/imageRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:src="@drawable/image" />
</RelativeLayout>



android:layout_toLeftOf="@+id/imageRight"
android:layout_alignParentStart="true"

a fait le tour sans ajout de LinearLayout

OriginalL'auteur fifth

0

Meilleur Correctif:
```
android:layout_toStartOf="@id/item_on_the_right"
```
OriginalL'auteur Zahid Rasheed

Vous devez vous connecter pour publier un commentaire.