Mettre deux textviews côte à côte, dans une mise en page

J'ai deux textviews j'ai besoin de mettre côte à côte, dans une mise en page et j'ai respecter deux règles:

  • Textview2 doit toujours être affiché entièrement.

  • Textview1 doit être recadrée si il n'y a pas assez de place dans la mise en page.

Exemples:

Textview1|textview2

Teeeeeeeeeeeeeeeeeeeextview1...|textview2

Des idées?

Le seul moyen que j'ai trouvé qui pourrait fonctionner est de créer un drawable avec le texte de textview2 et de l'affecter comme coumpoundDrawable à textview1.

  • ne textview1 besoin pour ajuster espace de la propagation de la textviews à prendre de la largeur de trop? dans le cas où les deux textviews sont petites pour remplir toute la largeur
  • Post vous XML avec la sortie de sorte que nous pouvons modifier...
InformationsquelleAutor Esteam | 2014-02-14
  1. 50

    Envelopper les deux TextViews dans un LinearLayout. Attribuer une mise en page de poids de 0 à textview2 et une mise en page de poids de 1 à textview2.

    Voir ici pour plus d'infos: Linéaire De La Mise En Page De Poids

    Si vous jouez avec l'exemple ci-dessous, vous verrez que le LinearLayout première alloue de l'espace pour textview2 (avec le poids de 0) et alloue ensuite ce qui reste à textview1 (avec le poids 1). Si l'espace est insuffisant pour accueillir à la fois TextViews, textview1 sera ellipsized premier. Dans l'exemple ci-dessous textview2 ne jamais devenir ellipsized si le LinearLayout est plus petite que la taille de textview2 lui-même. Affecter une largeur de présentation de la FrameLayout et voir ce qui se passe.

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="match_parent" 
    android:background="#FF0000FF">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#FFFF0000"
            android:ellipsize="end"
            android:maxLines="1"
            android:text="textview1" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:background="#FF00FF00"
            android:ellipsize="end"
            android:maxLines="1"
            android:text="textview2" />
    </LinearLayout>

</FrameLayout>
    • +1 j'allais poster la même chose.
    • Ouais, mais le problème avec des poids est qu'il pourrait y avoir des espaces entre textviews. Je voudrais textview1 prendre tout l'espace dont il a besoin pour afficher son texte.
    • Qu'est-ce que le parent de la vue dans laquelle vous prévoyez d'accueillir le TextViews?
    • Je n'ai pas de contraintes de ce. Il peut être n'importe quoi (LinearLayout, RelativeLayout, ...). Actuellement, j'ai essayé avec RelativeLayout et LinearLayout
    • Des sons comme tous vous avez besoin est pour le LinearLayout qui contient les deux TextViews d'avoir à sa disposition de la hauteur et de la largeur à wrap_content. Dans ce cas, le LinearLayout sera aussi petite que possible (c'est à dire pas d'espace entre textview1 ou textview2) et si l'espace est insuffisant dans le parent de limiter la taille de la LinearLayout puis textview1 sera ellipsized. J'ai mis à jour l'exemple pour illustrer ceci avec un parent FrameLayout sur lequel vous pouvez modifier la largeur fixe pour voir l'effet.
    • Merci pour votre solution!! Il fonctionne 🙂
    • Merci. Utilisation android:singleLine="true" au lieu de android:maxLines="1" en premier TextView.

    InformationsquelleAutor Dean
  2. 6

    pourquoi avez-vous besoin que drawable? option: vous pouvez utiliser textview1 avec une largeur fixe et ellipsize la fin..: 

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

    <TextView
        android:id="@+id/textview1"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:lines="1"
        android:padding="2dp" />


    <TextView
        android:id="@+id/textview2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/textview1"
        android:padding="2dp" />

</RelativeLayout>
    • J'ai aussi pensé à cette solution mais je voulais l'utiliser comme un dernier recours, car je n'aime pas utiliser de largeur fixe pour la mise en page. Je trouve qu'il est toujours difficile de déterminer la largeur droite qui rendra perfectely sur toutes les tailles d'écran et des densités
    • vous pouvez toujours utiliser le "100dp" de dimens, en précisant qu'il permettrait de diminuer la largeur de problème, dans une certaine mesure. developer.android.com/guide/topics/resources/...
    InformationsquelleAutor Pararth
  3. 0
    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="right"
    android:orientation="horizontal" >

    <View
        android:layout_width="0dp"
        android:layout_height="wrap_content" 
        android:layout_weight="1"/>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_green_light"
        android:singleLine="true"
        android:text="textView1" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/holo_blue_light"
        android:singleLine="true"
        android:text="textView2" />

</LinearLayout>

    Edit:

    De sortie à court textView1 texte:

    Mettre deux textviews côte à côte, dans une mise en page

    De sortie pour les longues textView1 texte:

    Mettre deux textviews côte à côte, dans une mise en page

    • Comme je l'ai écrit à Dean, je voudrais textView1 prendre tout l'espace dont il a besoin pour afficher son texte, pas d'espace supplémentaire entre textView1 et textView2
    • J'ai mis à jour ma réponse comme vous l'avez décrit dans votre commentaire
    • Merci, mais maintenant, il y a des espaces supplémentaires sur la gauche de textview1
    • vous pouvez utiliser un mannequin de vue pour votre condition. Voir mon édité réponse.
    • si vous n'utilisez pas que mannequin vue, avec une longue textView1 contenu, textView2 va être invisible.
    • oui mais je ne veux pas les espaces supplémentaires sur la gauche de textView1 lorsque son contenu est court. La solution de Dean résolu mon problème. Je vous remercie beaucoup pour votre temps.

    InformationsquelleAutor Devrim