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

Composants graphiques Android Discussion :

Vue composée d'une ImageView centrée à gauche avec Text et Boutons à sa droite


Sujet :

Composants graphiques Android

  1. #1
    Membre du Club
    Homme Profil pro
    Cisco
    Inscrit en
    Juillet 2012
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Cisco
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 71
    Points : 55
    Points
    55
    Par défaut Vue composée d'une ImageView centrée à gauche avec Text et Boutons à sa droite
    Bonjour,

    comme le précise le titre j'aimerais avoir un exemple de layout exactement égal a celui-ci :


    J'ai testé plusieurs fois avec des RelativeLayout mais je n'arrive soit pas a a aligner le texte a droite de l'ImageView soit a rajouter d'autres elements qu'un textview..

    Quelqu'un pourrait-il m'aider ?

    Merci

  2. #2
    Membre éprouvé
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    757
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 757
    Points : 968
    Points
    968
    Par défaut
    Voilà une des manières de faire (la plus simple à mon avis)

    LinearLayout Vertical
    TextView
    LinearLayout Horizontal
    ImageView
    LinearLayout Vertical
    TextView
    TextView
    ...
    Button
    ...

  3. #3
    Membre du Club
    Homme Profil pro
    Cisco
    Inscrit en
    Juillet 2012
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Cisco
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 71
    Points : 55
    Points
    55
    Par défaut
    Merci beaucoup exactement ce qu'il me fallait, j'ai un raisonnement toujours trop complex quand il s'agit du design pour les vues android.. Au final la logique se crée..


  4. #4
    Membre du Club
    Homme Profil pro
    Cisco
    Inscrit en
    Juillet 2012
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Cisco
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 71
    Points : 55
    Points
    55
    Par défaut
    Simon par contre aurais tu une idée de comment afficher le texte qui "dépasse" de la taille de l'image a gauche et non plus avec la marge donnée par l'image ?

    voici mon code:

    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
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        			android:layout_width="fill_parent"
        			android:layout_height="wrap_content"
        			android:orientation="vertical">
     
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Vous souhaitez apparaitre dans l'application.."/>
        <LinearLayout android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">
        	<ImageView android:src="@drawable/logo_contact"
        	    android:layout_width="wrap_content"
        	    android:layout_height="wrap_content"/>
     
        		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        			android:layout_width="fill_parent"
        			android:layout_height="wrap_content"
        			android:orientation="vertical">
        			<TextView android:layout_width="fill_parent"
            			android:layout_height="wrap_content"
            			android:text="@string/text_contact"/>
        			<Button android:layout_width="fill_parent"
        			    android:layout_height="wrap_content"
        			    android:text="buout"/>
        		</LinearLayout>
     
        </LinearLayout>
    </LinearLayout>
    Merci

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    757
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 757
    Points : 968
    Points
    968
    Par défaut
    Non, ce comportement n'est pas prévu par défaut dans Android.
    Je pense même que ça doit être assez compliqué à mettre en place.

    A la place, essaie de centrer ton image verticalement, ça rendra certainement mieux

  6. #6
    Membre du Club
    Homme Profil pro
    Cisco
    Inscrit en
    Juillet 2012
    Messages
    71
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Cisco
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juillet 2012
    Messages : 71
    Points : 55
    Points
    55
    Par défaut
    Et oui c'est ca le truc..

    L'astuce de centré verticalement n'est pas à oublier mais bon dans les 2 cas c'est pas top top, je suis arrivé a généré un truc cohérent avec du code behind en java pour aligner le texte avec le début de mon image mais après je n'arrivait pas a ajouter un bouton ou je voulais et le texte affiché en dessous de l'image faisait ce qu'il voulait

    En tout cas merci beaucoup !!

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

Discussions similaires

  1. [HTML 4.0] Image à gauche avec texte moins haut que l'image. Comment continuer sous l'image.
    Par Quoidevieux dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 17/03/2013, 18h02
  2. Réponses: 2
    Dernier message: 26/06/2010, 12h33
  3. Placement d'une image centrée sous un texte centré
    Par apqmwnqmap dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/02/2008, 12h47
  4. Quels composants pour une synchro avec palm ?
    Par tipiweb dans le forum Composants VCL
    Réponses: 2
    Dernier message: 07/11/2005, 15h06
  5. [Composant] publier une propriété avec un type perso
    Par jpc34 dans le forum C++Builder
    Réponses: 6
    Dernier message: 12/10/2004, 08h39

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