Discussion :

[V2AlexFacility]

Bonjour à tous,

J'aimerais centrer le contenu d'un LineairLayout sans déformer mon autre LineairLayout.

Je m'explique j'ai une listView composée d'une image et d'un textView.

Mes images sont placées à Gauche et mes text à droite des images.

J'aimerais centrer mon LineairLayout tous en conservant l'alignement vertical des images.

Voici mon code:

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
<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
 <ListView
		        android:id="@+id/listviewperso"
		      	android:layout_width="match_parent"
        		android:layout_height="wrap_content"
		        android:layout_centerHorizontal="true"
				 android:fadeScrollbars="false"
		         /> 
</LinearLayout>

Le contenu 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
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
 
		<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:orientation="horizontal"
			android:layout_gravity="center_horizontal"
		    >
 
			    <ImageView
					android:id="@+id/img"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"
				   	android:padding="10px"
					/>
 
 
				    <TextView android:id="@+id/titre"
				         android:layout_width="wrap_content"
				         android:layout_height="wrap_content"
				         android:textSize="16px"
				         android:textStyle="bold"
				         android:textColor="#FFF3A2"/>
 
 
		</LinearLayout> 
</LinearLayout>

Et ma méthode onCreate():

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
	  ListView maListViewPerso = (ListView) findViewById(R.id.listviewperso);
	        ArrayList<HashMap<String, String>> listItem = new ArrayList<HashMap<String, String>>();
	         HashMap<String, String> map;
	        map = new HashMap<String, String>();
	        map.put("titre", "Agenda Besançon ce jour"); 
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
	        map = new HashMap<String, String>();
	        map.put("titre", "Agenda Besançon ce week-end");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
	        map = new HashMap<String, String>();
	        map.put("titre", "Les news");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);      
	        map = new HashMap<String, String>();
	        map.put("titre", "Cinéma");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
	        map = new HashMap<String, String>();
	        map.put("titre","Informations Commerce");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
	        map = new HashMap<String, String>();
	        map.put("titre","Offres d'emplois");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
	        map = new HashMap<String, String>();
	        map.put("titre", "Les petites annonces");
	        map.put("img", String.valueOf(R.drawable.ic_launcher));
	        listItem.add(map);
 
	        SimpleAdapter mSchedule = new SimpleAdapter (this.getBaseContext(), listItem, R.layout.affichageitem,
	                new String[] {"titre","img"}, new int[] { R.id.titre,R.id.img});
	        maListViewPerso.setAdapter(mSchedule);

Avec ce bous de code j'aligne le contenu de ma listView, mais mes images ne sont plus du tout aligné verticalement.

Alors, comment puis-je faire?

Merci d'avance

[nicroman]

A vue de nez il ya un LinearLayout de trop (vu que l'un d'entre eux ne contient qu'un seul élément).

Si toutes les images sont de taille fixe...
Alors un simple TextView suffi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<TextView android:id="@+id/titre"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
        android:gravity="center"
	android:textSize="16px"  <<== HOULA c'est PAS BON DU TOUT CA ! (ca fait 1.27mm sur une Nexus 10 ... textSize devrait s'exprimer en 'sp'
        android:textStyle="bold"
        android:textColor="#FFF3A2"/>

Et utiliser setCompoundDrawables() pour rajouter une image à gauche.

Sinon un simple LinearLayout horizontal, avec une image à gauche (width=wrap_content) et un textview (width=fill_parent, gravity=center). Mais normalement Lint devrait dire "pas la peine d'utiliser deux views !" et conseiller d'utiliser ma première solution.

[V2AlexFacility]

Merci beaucoup de ta réponse Nicroman je vais essayer.

Tu m'as fait une remarque me disant que mon textSize devait être exprimé en sp.

Pourquoi sp serait-il mieux que xp? Le sp s'adapte à l'écran?

Cela est-il aussi valable pour la taille d'un boutton?

Voici un exemple de comment je déclare mes bouttons:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 <Button android:id="@+id/ButNotification" 
		        android:layout_height="wrap_content" 
		        android:layout_width="fill_parent" 
		           android:layout_below="@+id/ButGps"
		                android:height="70px"
		              />

Merci d'avance

[V2AlexFacility]

Alors, j'ai essayé ta 1er méthode, mais je ne suis pas arrivé à la faire fonctionner dans ma listView, j'ai testé avec des textView et ça à l'air d'être la même disposition que moi.

J'ai donc testé ta 2ème solution en la modifiant un peu afin d'obtenir la disposition que je souhaite.

Voici le résultat:

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
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	      android:orientation="horizontal"
	      android:layout_width="wrap_content"
	      android:layout_height="wrap_content"
 
 
	      >
 
		    <ImageView
			android:id="@+id/img"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
 
 
			/>
 
		  <TextView android:id="@+id/titre"
		android:layout_width="fill_parent"
		android:layout_height="wrap_content"
	        android:gravity="center"
 
	        />
 
	</LinearLayout>

La disposition est nickel, mais comment centrer horizontalement le contenu du LinearLayout?

Merci d'avance

[nicroman]

http://nicroman.developpez.com/tutor...nites-mesures/

Le "DP" s'adapte à la taille de l'écran.
Le "SP" s'adapte à la taille du texte (relatif au DP)

Le "PX" ben, est fixe (en pixels)... donc entre un Galaxy Ace et un Nexus 10, il va y avoir de sacrées différences.


Sinon, je ne comprends pas la disposition à laquelle tu veux arriver..
J'avais compris une ListView
Des Items dedans.
Chaque item contient une image + text. Tu veux conserver les images alignées et le texte centré. C'est bien ça ?

[V2AlexFacility]

D'accord je vais voir ça.

En fait, je voudrais que les images soient alignées, que les textes apparaissent à droit de mes images (Pas forcements aligné). Et que le tous soient centré sans perdre la disposition

[nicroman]

Donc c'est la listview qui est centrée ?

[V2AlexFacility]

Oui