Discussion :

[festif]

Bonjour,

je voudrais afficher une liste horizontale d'images, cette liste serait scrollable et les images seraient redimensionnées pour avoir la même hauteur.

actuellement j'ai :

Code XML :

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
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content
    "
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:overScrollMode="never" >
 
        <LinearLayout
            android:id="@+id/llPhoto"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" >
 
        </LinearLayout>
 
</HorizontalScrollView>

les images sont ajoutées dynamiquement, j'ai fait ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
llPhoto = (LinearLayout)findViewById(R.id.llPhoto);
 
		int[] ids = new int[] {R.raw.rue, R.raw.panorama, R.raw.te};
 
		ImageView iv;
		for(int i=0 ; i<ids.length ; i++) {
			iv = new ImageView(this);
			iv.setImageDrawable(getResources().getDrawable(ids[i]));
			iv.setScaleType(ImageView.ScaleType.FIT_XY);
			iv.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT));
			llPhoto.addView(iv);
		}

Ça ne marche pas, j'ai beaucoup de mal à demander aux images de se redimensionner correctement tout ne gérant la taille des ImageView et du LinearLayout... Actuellement je suis réduis à tâtonner les (très) nombreuses propriétés de ces composants, sachant qu'une modification peut être inefficace à cause d'un autre paramètre dans un autre composant...

quelqu'un pourrait-il m'aider ? j'ai déjà lu la doc android sur ces composants et ai une petite idée de ce qu'on peut leurs faire faire, mais les interactions entre eux reste trop complexe pour que je puisse résoudre ce problème tout seul. Merci

[Minicalion]

Bonjour festif,

Avez vous regardé du côté des ListView et Adapter? cela me semble plus adapté à ce que vous souhaitez réaliser!

Voici un exemple d'utilisation.

[nicroman]

Difficile de faire cela dans une taille "match_parent", ou le nombre d'images sera fortement limité.

Je dis cela car le setup est fait par code... si le code ne conserver que la liste de drawables indiqués, autant le faire dans le fichier layout (et éviter le code).


Sinon, pour scaler il vaut mieux utiliser CENTER_INSIDE non ?
(ou FIT_CENTER, je n'ai jamais très bien compris la différence entre les deux).

[festif]

@Minicalion : Bien qu'ayant déjà utilisé ces composants, je n'ai pas besoin de les rendre cliquable ou autre donc je suis partis sur le même principe qu'une structure statique, mais en ajoutant les View dynamiquement (le code que j'ai mis est relativement simple et peux répondre à ma demande en modifiant les bons attributs, ce sur quoi je bloque justement). une listView avec adapter serait beaucoup plus complexe à mettre en place et je ne pense pas que ça résoudrai mon problème.

@nicroman : le match_parent est mis en hauteur car je veux que toutes mes images aient la hauteur maximale, sachant que ma vue est horizontale ça ne pose pas de problème. Ce que j'ai posté est un exemple et les id utilisés seront différend selon les cas, d’où l'impossibilité de faire via le fichier XML (Ce qui ne résoudrai probablement pas mon problème d'affichage des images).

J'ai essayé plusieurs ScaleType mais aucun ne donne des résultats satisfaisants, je pense que le problème vient aussi de la taille de l'ImageView qui empêche l'image de se redimensionner pour occuper tout l'espace verticale (limité par la largeur)

[festif]

après de nombreux tests, j'ai trouvé la solution du problème.
L'ImageView ne permet pas de redimensionner à la hausse les images, c'est pourquoi ils ne s'affichaient pas correctement. pour ceux que ça intéresse, ma solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
llPhoto = (LinearLayout)findViewById(R.id.llPhoto);
 
		int[] ids = new int[] {R.raw.rue, R.raw.panorama, R.raw.te};
 
		ImageView iv;
		for(int i=0 ; i<ids.length ; i++) {
			iv = new ImageView(this);
			iv.setImageResource(ids[i]);
			iv.setScaleType(ImageView.ScaleType.FIT_CENTER);
			iv.setAdjustViewBounds(true);
			iv.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT));
			llPhoto.addView(iv);
		}

Merci à ceux qui ont pris le temps d'apporter une réponse.