Personnalisation d'un avatar

**danieldou** · 29/06/2014, 11h07

bonjour,

je cherche a développer un petit système de personnalisation de personnage, on a par exemple un bouton "tête" un bouton "bouche" et un bouton "yeux", dès que l'on clique sur l'un de ces boutons une vue avec plusieurs boutons représentant chacun des choix de la catégorie sélectionnée ( par exemple si on clique sur le bouton "bouche" alors une vue avec plusieurs choix de bouches s'ouvre ) et que dès qu'on clique sur l'un des choix, on reviens a l'activité principale et l'image choisie s'affiche sur une imageview et au fur et a mesure le personnage se compose

j'ai déjà réussi a faire quelque chose de plus ou moins fonctionnel mais il y a problème, c'est que dès que je clique sur un des choix l'image s'affiche comme il faut mais dès que je veux sélectionner un choix d'une autre catégorie la première image disparaît

voila mon code :

MainActivity

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
public class MainActivity extends Activity {
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
 
		ImageButton Tete = (ImageButton) findViewById(R.id.imageButtonT);
		ImageButton Bouche = (ImageButton) findViewById(R.id.imageButtonB);
		ImageButton Yeux = (ImageButton) findViewById(R.id.imageButtonY);
 
		ImageView Tetei = (ImageView) findViewById(R.id.imageViewT);
		ImageView Bouchei = (ImageView) findViewById(R.id.imageViewB);
		ImageView Yeuxi = (ImageView) findViewById(R.id.imageViewY);
 
		Tete.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixTActivity.class);
				startActivity(intent);
			}
		});
 
		Bouche.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixBActivity.class);
				startActivity(intent);
			}
		});
 
		Yeux.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixYActivity.class);
				startActivity(intent);
			}
		});
 
		Tetei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
		Bouchei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
 
	}
}

ChoixTActivity

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
public class ChoixTActivity extends Activity {
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_choix_t);
 
		ImageButton TeteC = (ImageButton) findViewById(R.id.teteC);
		ImageButton TeteO = (ImageButton) findViewById(R.id.teteO);
		ImageButton TeteR = (ImageButton) findViewById(R.id.teteR);
		ImageButton TeteT = (ImageButton) findViewById(R.id.teteT);
 
		TeteC.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
 
				Intent intent = new Intent(ChoixTActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.tete_carre);
				startActivity(intent);    
			}
		}); 
 
		TeteO.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(ChoixTActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.tete_ovale);
				startActivity(intent);
			}
		});
 
		TeteR.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(ChoixTActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.tete_ronde);
				startActivity(intent);
			}
		});
 
		TeteT.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intentt = new Intent(ChoixTActivity.this,MainActivity.class);
				intentt.putExtra("myImageResource", R.drawable.tete_tri_carre);
				startActivity(intentt);
			}
		});
	}
}

ChoixBActivity

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
public class ChoixBActivity extends Activity {
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_choix_b);
 
		ImageButton BoucheN = (ImageButton) findViewById(R.id.boucheN);
		ImageButton BoucheM = (ImageButton) findViewById(R.id.boucheM);
		ImageButton BoucheS = (ImageButton) findViewById(R.id.boucheS);
		ImageButton BoucheR = (ImageButton) findViewById(R.id.boucheR);
 
		BoucheN.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
 
				Intent intent = new Intent(ChoixBActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.bouche_normal);
				startActivity(intent);    
			}
		}); 
 
		BoucheM.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(ChoixBActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.bouche_mecontent);
				startActivity(intent);
			}
		});
 
		BoucheS.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(ChoixBActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.bouche_sourire);
				startActivity(intent);
			}
		});
 
		BoucheR.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intentb = new Intent(ChoixBActivity.this,MainActivity.class);
				intentb.putExtra("myImageResource", R.drawable.bouche_rire);
				startActivity(intentb);
			}
		});
	}
}

si vous pouviez jeter un coup d’œil et me dire ce que je pourrais faire pour corriger ce problème

merci d'avance

**nicroman** · 30/06/2014, 23h06

Je pense que tu n'as pas suivi exactement le flot des activités...

Je m'explique:

Là on a:

Activity #1 (MainActivity)
=> click sur "Bouche"
Activity #2 (ChoxBActivity)
=> click sur une bouche
Activity #3 (MainActivity)
=> et oui... une *nouvelle* activité...

D'ailleurs il suffit d'appuyer sur back pour s'en rendre compte, tu vas revenir à la #2 puis à la #1

Je pense que ce que tu veux c'est startActivityForResult() et récupérer le choix dans MainActivity et ainsi actualiser Activity#1

**danieldou** · 01/07/2014, 03h20

donc comment je peux mettre ça en place ?

**danieldou** · 02/07/2014, 11h40

j'avais déjà lu cette discussion et j'ai déjà créé une appli incluant un startactivityforresult ( par exemple pour savoir de quelle activité l'utilisateur reviens ) mais ce que je ne comprend pas c'est comment je pourrai l'adapter pour ce que j'ai besoin ici, si j'ai bien compris il faudrait que j'ajoute dans chaque listener de mes boutons, un code ( que l'intent récupérera ) différent pour chaque bouton et qui permettra d'identifier le bouton qui a été cliqué

c'est ça ?

merci d'avance

**LeBzul** · 02/07/2014, 12h13

Lorsque que tu fais dans ChoixBActivity :

Code :

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

1
2
3
Intent intent = new Intent(ChoixBActivity.this,MainActivity.class);
				intent.putExtra("myImageResource", R.drawable.bouche_normal);
				startActivity(intent);

Tu vas alors créer une nouvelle Activity "MainActivity" et donc repasser dans la méthode onCreate() comme la 1ére fois.
Le fait d'utiliser startActivityForResult, permet d'envoyer un résultat à ton activity qui le demande; et de ce fait lorsque tu vas quitter l'activity ChoixBActivity tu ne vas pas recréer un MainActivity mais bien réutilisé l'existent avec de nouvelle informations. Tu ne devrais donc plus avoir de perte de données.

si j'ai bien compris il faudrait que j'ajoute dans chaque listener de mes boutons, un code ( que l'intent récupérera ) différent pour chaque bouton et qui permettra d'identifier le bouton qui a été cliqué

Tu as normalement juste besoin d'identifier le resultat retourné par ChoixBActivity pour que lorsque que tu le reçois dans onActivityResult de MainActivity tu puisses en faire quelque chose facilement.

**danieldou** · 02/07/2014, 17h33

j'ai donc effectué la modification que vous m'avez indiqué mais maintenant dès que je clique sur un choix, plus ne s'affiche, même pas une seule fois ( avant ça marchait la première fois et la deuxième fois, la première s'effaçait pour laisser apparaître la deuxième ) je n'arrive a voir d'ou vient le problème

voici mon nouveau code :

MainActivity :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
public class MainActivity extends Activity {
 
	ImageView Tetei;
	ImageView Bouchei;
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
 
		ImageButton Tete = (ImageButton) findViewById(R.id.imageButtonT);
		ImageButton Bouche = (ImageButton) findViewById(R.id.imageButtonB);
		ImageButton Yeux = (ImageButton) findViewById(R.id.imageButtonY);
 
		Tetei = (ImageView) findViewById(R.id.imageViewT);
		Bouchei = (ImageView) findViewById(R.id.imageViewB);
		ImageView Yeuxi = (ImageView) findViewById(R.id.imageViewY);
 
		Tete.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixTActivity.class);
				startActivityForResult(intent, 1);
			}
		});
 
		Bouche.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixBActivity.class);
				startActivityForResult(intent, 2);
			}
		});
 
		Yeux.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixYActivity.class);
				startActivity(intent);
			}
		});
 
		Tetei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
		Bouchei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
 
	}
	public void onActivityResult(int requestCode, int resultCode, Intent data) {
 
		if (requestCode == 1) {
			if(resultCode == RESULT_OK){
				Tetei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
			}
			if (resultCode == RESULT_CANCELED) {
				//Write your code if there's no result
			}
		}
		else if (resultCode == 2) {
			if(resultCode == RESULT_OK){
				Bouchei.setImageResource(getIntent().getIntExtra("myImageResource", 0));
			}
			if (resultCode == RESULT_CANCELED) {
				//Write your code if there's no result
			}
		}
	}
}

ChoixTActivity :

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
60
61
public class ChoixTActivity extends Activity {
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_choix_t);
 
		ImageButton TeteC = (ImageButton) findViewById(R.id.teteC);
		ImageButton TeteO = (ImageButton) findViewById(R.id.teteO);
		ImageButton TeteR = (ImageButton) findViewById(R.id.teteR);
		ImageButton TeteT = (ImageButton) findViewById(R.id.teteT);
 
		TeteC.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
 
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.tete_carre);
				setResult(RESULT_OK,returnIntent);
				finish();  
			}
		}); 
 
		TeteO.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.tete_ovale);
				setResult(RESULT_OK,returnIntent);
				finish();
			}
		});
 
		TeteR.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.tete_ronde);
				setResult(RESULT_OK,returnIntent);
				finish();
			}
		});
 
		TeteT.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.tete_tri_carre);
				setResult(RESULT_OK,returnIntent);
				finish();
			}
		});
	}
}

ChoixBActivity :

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
60
public class ChoixBActivity extends Activity {
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_choix_b);
 
		ImageButton BoucheN = (ImageButton) findViewById(R.id.boucheN);
		ImageButton BoucheM = (ImageButton) findViewById(R.id.boucheM);
		ImageButton BoucheS = (ImageButton) findViewById(R.id.boucheS);
		ImageButton BoucheR = (ImageButton) findViewById(R.id.boucheR);
 
		BoucheN.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
 
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.bouche_normal);
				setResult(RESULT_OK,returnIntent);
				finish();   
			}
		}); 
 
		BoucheM.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.bouche_mecontent);
				setResult(RESULT_OK,returnIntent);
				finish(); 
			}
		});
 
		BoucheS.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.bouche_sourire);
				setResult(RESULT_OK,returnIntent);
				finish(); 
			}
		});
 
		BoucheR.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent returnIntent = new Intent();
				returnIntent.putExtra("myImageResource", R.drawable.bouche_rire);
				setResult(RESULT_OK,returnIntent);
				finish(); 
			}
		});
	}
}

j'ai peut être fais une erreur quelque part...

merci d'avance

**LeBzul** · 02/07/2014, 20h54

Je ne vois pas le problème, essaye de mettre des log pour voir ou tu passes et si le résultat dans onActivitResult est bien celui attendu.
Sinon il faut peut être forcer le rafraîchissement teteI.invalidate();

**LeBzul** · 02/07/2014, 21h03

Code :

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

Tetei.setImageResource(getIntent().getIntExtra("myImageResource", 0));

Je pense que c'est pas getIntent().getIntExtra("myImageResource", 0);
mais data.getIntExtra("myImageResource", 0);

**danieldou** · 02/07/2014, 23h27

je me suis rendu compte que j'avais ecris "resultcode" a la place de requestcode" et j'ai aussi modifié ce que tu m'a dit et maintenant ça fonctionne

voici donc le code fonctionnel

MainActivity :

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
60
61
62
63
64
65
66
67
68
public class MainActivity extends Activity {
 
	ImageView Tetei;
	ImageView Bouchei;
 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
 
		ImageButton Tete = (ImageButton) findViewById(R.id.imageButtonT);
		ImageButton Bouche = (ImageButton) findViewById(R.id.imageButtonB);
		ImageButton Yeux = (ImageButton) findViewById(R.id.imageButtonY);
 
		Tetei = (ImageView) findViewById(R.id.imageViewT);
		Bouchei = (ImageView) findViewById(R.id.imageViewB);
		ImageView Yeuxi = (ImageView) findViewById(R.id.imageViewY);
 
		Tete.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixTActivity.class);
				startActivityForResult(intent, 1);
			}
		});
 
		Bouche.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixBActivity.class);
				startActivityForResult(intent, 2);
			}
		});
 
		Yeux.setOnClickListener(new OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(MainActivity.this, ChoixYActivity.class);
				startActivity(intent);
			}
		});
	}
	public void onActivityResult(int requestCode, int resultCode, Intent data) {
 
		if (requestCode == 1) {
			if(resultCode == RESULT_OK){
				Tetei.setImageResource(data.getIntExtra("myImageResource", 0));
			}
			if (resultCode == RESULT_CANCELED) {
				//Write your code if there's no result
			}
		}
		else if (requestCode == 2) {
			if(resultCode == RESULT_OK){
				Bouchei.setImageResource(data.getIntExtra("myImageResource", 0));
			}
			if (resultCode == RESULT_CANCELED) {
				//Write your code if there's no result
			}
		}
	}
}

merci beaucoup

Personnalisation d'un avatar

Android

Discussions similaires

Partager

Partager