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

Version imprimable

08/09/2012, 15h45
eento

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 :

http://img15.hostingpics.net/pics/39...0908150518.jpg
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
08/09/2012, 17h09
Simon MARQUIS

Voilà une des manières de faire (la plus simple à mon avis)

LinearLayout Vertical
TextView
LinearLayout Horizontal
ImageView
LinearLayout Vertical
TextView
TextView
...
Button
...
08/09/2012, 19h35
eento

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..

:ccool:

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:

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

08/09/2012, 20h11
Simon MARQUIS

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
08/09/2012, 22h11
eento

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 :calim2:

En tout cas merci beaucoup !! 8-)