IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Android Discussion :

XML aligner une image avec du text (Explication en image)


Sujet :

Android

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 61
    Points : 42
    Points
    42
    Par défaut XML aligner une image avec du text (Explication en image)
    Bonjour à tous,

    J'ai réalisé une application de flux RSS, j'aimerais maintenant l'améliorer en alignant du texte avec mon image pour chaque actualités, mais suite à mes nombreuses tentatives, je m'adresse à vous.

    Voici ce que j'ai:



    Mon petit "+" décale tout mon texte il se met dessous, hors j'aimerais qu'il soit à coté du texte (à droite).

    voici le code xml pour chaque item de ma ListView:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    <?xml version="1.0" encoding="utf-8"?>
     
     
     
     <!-- Correspond à l'item qui se trouvera dans la liste view, c'est la disposition de base pour chaque actualité -->
     
     
     
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
     
     
        <!-- Correspond à l'image qui se trouvera à gauche pour chaque actualité -->
        <ImageView
    		android:id="@+id/img"
    		android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    	   	android:layout_gravity="center_vertical"
    	   	android:padding="7.5dp"
    	   	android:contentDescription="@string/descImgItem"/>
     
    	<LinearLayout
    	    android:orientation="vertical"
    	    android:layout_width="0dp"
    	    android:layout_height="wrap_content"
    	   	android:layout_gravity="center_vertical"
    	   	android:paddingLeft="7.5dp"
    	    android:layout_weight="1"
    	    >
     
    	     <!-- Le titre qui sera associé à chaque actualité -->
    	    <TextView android:id="@+id/titre"
    	         android:layout_width="fill_parent"
    	         android:layout_height="fill_parent"
    	         android:textStyle="bold"
    	         android:textColor="@color/textListColor"/>
     
     
    		   <ImageView android:id="@+id/plus"     
    			  android:layout_width="20dp"
                  android:layout_height="wrap_content"
                  android:layout_gravity="right"
    			  android:scaleType="fitCenter"
    			  android:src="@drawable/plus"
    			  /> 
     
     
     
        </LinearLayout>
     
    </LinearLayout>


    Que me conseillez-vous de faire pour bien aligner le "+" ?
    Merci d'avance!

    Bien cordialement.

  2. #2
    Membre averti
    Avatar de Heavy Metal Hero
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2007
    Messages
    152
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Juin 2007
    Messages : 152
    Points : 333
    Points
    333
    Billets dans le blog
    13
    Par défaut
    Je te conseillerais d'utiliser un RelativeLayout pour faire ça. Tu places ensuite les vues de ton item les unes par rapport aux autres avec le mode graphique par exemple.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    61
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 61
    Points : 42
    Points
    42
    Par défaut
    Merci! je vais tenter


    EDIT: C'est bon ça fonctionne, merci beaucoup

  4. #4
    Modérateur
    Avatar de Hizin
    Homme Profil pro
    Développeur mobile
    Inscrit en
    Février 2010
    Messages
    2 180
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France

    Informations professionnelles :
    Activité : Développeur mobile

    Informations forums :
    Inscription : Février 2010
    Messages : 2 180
    Points : 5 072
    Points
    5 072
    Par défaut
    La meilleure solution ici, clairement, est d'utiliser les CompoundDrawables.

    Ici, tu as un TextView avec ImageView à sa droite. En settant le CompoundDrawable droit de celui-ci... le "+" sera toujours associé au TextView, et sera toujours à sa droite.
    Tu pourras même jouer avec les padding.

    D'ailleurs, normalement, Lint devrait te proposer de remplacer le couple TextView/ImageView par un TextView avec un CompoundDrawable. Si ce n'est pas le cas, ton IDE ne remonte pas assez de warning.
    C'est Android, PAS Androïd, ou Androïde didiou !
    Le premier est un OS, le second est la mauvaise orthographe du troisième, un mot français désignant un robot à forme humaine.

    Membre du comité contre la phrase "ça marche PAS" en titre et/ou explication de problème.

    N'oubliez pas de consulter les FAQ Android et les cours et tutoriels Android

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Aligner une image avec le texte
    Par owenho dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 07/02/2014, 22h01
  2. [GD] Modifier la taille de police dans une image avec un texte
    Par momosan77 dans le forum Bibliothèques et frameworks
    Réponses: 6
    Dernier message: 31/12/2010, 09h47
  3. Encadrer une image avec du texte
    Par mikael2235 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 12/08/2010, 09h22
  4. Réponses: 1
    Dernier message: 19/02/2010, 20h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo