Discussion :

[kirasakuya]

Bonjour à tous,

Dans le contexte de mon travail, je me suis retrouvé à devoir développer pour Android et je découvre petit à petit les subtilités de ce monde assez particulier.

Mon contexte est :
- J'ai une HorizontalScrollView qui contient un RelativeLayout qui contient lui même une ImageView et un LinearLayout
- Je charge dans ce LinearLayout une liste d'ImageView afin de constituer un menu horizontal comportant des icônes (nombre variable dépendant des préférences de l'utilisateur)
- L'ImageView du RelativeLayout est un pointeur se plaçant derrière l'icône sélectionné

Le tout donne ce résultat :


Le code du xml de design est :

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
 
<HorizontalScrollView 
    android:layout_width="fill_parent"
    android:layout_height="80dp"
    android:scrollbars="none"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:background="@drawable/channbar">
    <RelativeLayout
        android:id="@+id/layoutChannels"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content">
	<ImageView 
	    android:id="@+id/ivChannSelector"
	    android:layout_height="80dp"
	    android:layout_width="60dp"
	    android:src="@drawable/ch_highlight"
	    android:layout_below="@+id/llChannels"
	    android:layout_alignParentTop="true"
	    android:layout_marginTop="10dp"
	    android:layout_marginLeft="0dp"/>
	<LinearLayout 
	    android:id="@+id/llChannels"
	    android:orientation="horizontal"
	    android:layout_height="fill_parent"
	    android:layout_width="fill_parent"
	    android:layout_alignParentRight="true">
	</LinearLayout>
    </RelativeLayout>
</HorizontalScrollView>

Le code java est :

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
54
55
56
57
58
59
 
private static int CURR_CHANN_INDEX;
private void LoadChannels() {
    	LinearLayout lChanns = (LinearLayout)findViewById(R.id.llChannels);
 
		//Retrait préventif de toutes les vues enfants
		lChanns.removeAllViews();
 
		//Ajout des chaînes de la liste de l'utilisateur
    	for (int i = 0; i < channList.length; i++) {
    		ImageView iv = new ImageView(this);
 
    		final int channIndex = i;
 
    		//Image
    		File logoFile = new File(ImageUtils.GetLogoPath(channList[channIndex]));
    		if (logoFile.exists()) {
    			Bitmap myBmp = BitmapFactory.decodeFile(logoFile.getAbsolutePath());
    			iv.setImageBitmap(myBmp);
    		}
    		else {
    			iv.setImageResource(R.drawable.br_no_photo);
    		}
 
    		//Largeur et hauteur
    		LinearLayout.LayoutParams params = new LinearLayout.LayoutParams((int)getResources().getDimension(R.dimen.chann_list_imageview_height), LinearLayout.LayoutParams.WRAP_CONTENT);
 
    		//Marges
    		params.setMargins((int)getResources().getDimension(R.dimen.chann_list_imageview_margin), 0, (int)getResources().getDimension(R.dimen.chann_list_imageview_margin), 0);
 
    		//Gravité
    		params.gravity = Gravity.CENTER_VERTICAL;
 
    		//Application des paramètres
    		iv.setLayoutParams(params);
 
    		//Ajout du click Listener
    		iv.setOnClickListener(new OnClickListener() {
    			public void onClick(View v) {
    				DISPLAY_CHANN_ID = channList[channIndex];
    				refreshBroadcasts(DISPLAY_CHANN_ID);
    				SelectChannel(channIndex);
    			}
    		});
 
    		//Ajout de la vue à la liste
    		lChanns.addView(iv);
		}
    }
 
    private void SelectChannel(int newChannIndex) {
    	ImageView ivSel = (ImageView)findViewById(R.id.ivChannSelector);
    	ivSel.clearAnimation();
    	TranslateAnimation anim = new TranslateAnimation(CURR_CHANN_INDEX * (int)getResources().getDimension(R.dimen.chann_list_selector_width), newChannIndex * (int)getResources().getDimension(R.dimen.chann_list_selector_width), 0, 0);
    	anim.setDuration(500);
    	anim.setFillAfter(true);
    	ivSel.startAnimation(anim);
    	CURR_CHANN_INDEX = newChannIndex;
    }

Et mon problème :
Quand je clique sur un icône, le sélecteur se place bien à sa position, mais quand je fais un slide pour afficher les icones de droite et que je clique sur l'icone, le traitement se fait bien (il m'actualise mes données affichées en dessous) et mais le sélecteur reste a sa place et ne bouge que quand je commence à déplacer le scrollview... (je sais pas si le soucis est clair mais ce n'est pas facile à expliquer >_<)

Bref, si quelqu'un à une idée (ou une question pour plus d'éclaircissements) je suis preneur ^^

En vous remerciant par avance pour vos idées et potentielles solutions ^^

[Feanorin]

Bonjour,

Pourquoi tu n'utilises pas plus les GalleryView ? elle est faite pour cela et tu te poseras moins de question .

GalleryView
http://developer.android.com/resourc...o-gallery.html


Sinon il faudrait que tu regardes aussi à changer les proriété de ton ivChannSelector, j'ai peur que ton animation sois perdu lors du scroll .

Met ton selector à jour dans ces propriété puis de l'animation

Code :

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

anim.setFillAfter(false);

Tu ne travailles pas sur les animations mais bel et bien sur ton image, donc c'est celle ci qui doit être déplacé et modifié.

[kirasakuya]

Bonjour,

Pour la GalleryView, j'ai l'impression (en regardant la doc) qu'elle ne correspond pas totalement à ce que je souhaite faire :/

Le truc étrange est que l'animation n'est pas tout le temps perdue, mais uniquement après un scroll vers la droite (quand j'affiche les éléments à droite, ce qui fait plutôt un scroll vers la gauche en fait >_<)

J'ai bien essayé le anim.setFillAfter(false); mais ça me replace le sélecteur en position originale à la fin de l'animation...(Donc derrière le premier icône)

J'avoue que je patauge un peu ^^;

[Feanorin]

Bonjour,

J'ai bien essayé le anim.setFillAfter(false); mais ça me replace le sélecteur en position originale à la fin de l'animation...(Donc derrière le premier icône)

la proposition du anim.setFillAfter(false); correspondait avec le fiat qu'il fallait déplacer ton ivChannSelector, dynamiquement, donc changer ces propriété.

En gros si tu veux il faut que la position originale deviennent la nouvelle position donc déplacer ton imageview plus avec l'animation mais dynamiquement dans le code. Après garder tu peux garder ton animation.

Pour la GalleryView, j'ai l'impression (en regardant la doc) qu'elle ne correspond pas totalement à ce que je souhaite faire :/

Pourtant cela y ressemble grandement .

Le truc étrange est que l'animation n'est pas tout le temps perdue, mais uniquement après un scroll vers la droite (quand j'affiche les éléments à droite, ce qui fait plutôt un scroll vers la gauche en fait >_<)

C'est bien ce que je pensais moi j'ai peur que ton animation soit un peu perdu avec le Scroll ^^

[kirasakuya]

En gros si tu veux il faut que la position originale deviennent la nouvelle position donc déplacer ton imageview plus avec l'animation mais dynamiquement dans le code. Après garder tu peux garder ton animation.

Euh... ^^; la j'avoue que je ne voie pas comment faire (j'ai essayé de rajouter une margin à l'ImageView suite à l'animation, mais le résultat est pas terrible (ça me met la marge en plus du déplacement)

Je continue d'essayer dans ce sens...

EDIT : Bon, en retirant l'animation, ça fonctionne (en modifiant juste la marge)... mais c'est pas terrible quand même niveau visuel :/

[Feanorin]

Bonjour,

Euh si tu ne veux pas t’embêter passe du Relative_Layout vers l'AbsoluteLayout ensuite avec les paramètres x et y tu peux déplacer ton selector

http://developer.android.com/referen...outParams.html