Utilisation d'un progessbar pour charger une activité

Version imprimable

19/12/2011, 18h23
anto2b

Utilisation d'un progessbar pour charger une activité

Bonjour,

Dans mon application Android, j'ai une activité A qui ouvre une activité B (qui lit une fichier audio qui se trouve sur un serveur)

J'aimerais utiliser un ProgressBar le temps que le fichier audio se charge avant que l'activité B s'ouvre. Auriez-vous une solution à mon problème ?

Merci de votre aide.
Cordialement.
19/12/2011, 18h37
Feanorin

Bonjour,

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

A ta place je mettrais le chargement de ton fichier audio dans un thread (téléchargement et j'afficherais la progress dans le main ;).
Quand le fichier est chargé tu le lit depuis le main de l'activité B.
Quand il commence la lecture supprime ta progress.

Ton problème n'est pas le chargement de l'activité B mais bel et bien la lecture/téléchargement de ton fichier ^^.

Voilà mon activité B qui telecharge l'adresse URL du fichier audio et le lit (l'adresse URL est dans la variable String lien qui provient de mon activité A).

Je ne vois pas comment je pourrait utiliser un Thread dans cet exemple. Pourriez vous me montree un exemple simple pour que je comprenne ? Cordialement

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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 
package com.chants;
 
import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
 
public class LectureChantActivity extends Activity
{
 
 
// Déclaration des image bouton pour la lecture des chants
private ImageView mLecture;
private ImageView mPause;
 
 
//Déclaration du Lecteur audio
private MediaPlayer mP = null;
 
@Override
public void onCreate(Bundle savedInstanceState)
	{
	super.onCreate(savedInstanceState);
	requestWindowFeature(Window.FEATURE_NO_TITLE);
	setContentView(R.layout.lecture_chant);
 
	// Liaison des déclaration au imge du xml
	mLecture = (ImageView)findViewById(R.id.lecture);
    mPause = (ImageView)findViewById(R.id.pause);
 
 
 
	 Bundle b = getIntent().getExtras();
	 // Déclarations des strings
	 String titre = b.getString("titre");
	 String lien = b.getString("lien");	 
	 String paroles = b.getString("paroles");	 
	 // Liaison avec les TextViews
	 TextView chant_titre = (TextView)findViewById(R.id.titre);
	 chant_titre.setText(titre);
 
	 TextView chant_paroles = (TextView)findViewById(R.id.paroles);
	 chant_paroles.setText(paroles);
 
 
		if(mP == null)
		{
			try{
				mP=new MediaPlayer();	
				mP.setDataSource(lien);
				mP.prepare();
				mP.start();
			} catch (Exception e) {}
		}
		// Si un chant est en cours de lecture il est stopper puis le chant sélectionné est lancer
 
		else
		{
 
			try{
				mP=new MediaPlayer();	
				mP.setDataSource(lien);
				mP.prepare();
				mP.start();
			} catch (Exception e) {}
		}
 
 
 
 
 
		// Lancement de la lecture 
		mLecture.setOnClickListener(
        	new OnClickListener() {
			public void onClick(View v) {
				if(mP != null)
				{
					mP.start();
				}
			}
		});
 
		// Mise en pause de la lecture
		mPause.setOnClickListener(
        	new OnClickListener() {
			public void onClick(View v) {
				if(mP != null)
				{
					mP.pause();
				}
			}
		});
 
 
 
		((Button)findViewById(R.id.monBouton)).setOnClickListener(new OnClickListener() 
		{
		public void onClick(View v) 
			{
			LectureChantActivity.this.finish();
			}
		});
 
	}
}

19/12/2011, 19h12
Feanorin

:aie:.

Je n'avais pas compris que tu lui passé directement le lien.

Ben tu n'as qu'à passer ton MediaPlayer dans le thread.
Et tu le gères à partir de celui ce qui est à mon avis plus propre.
Tu lances le thread/service à partir du OnCreate.

Quand le media est lancé tu envoies un message à Ton Activité via un Handler par exemple pour cacher la progress .

http://developer.android.com/referen...ng/Thread.html

http://nbenbourahla.developpez.com/t...-sous-android/
19/12/2011, 19h32
anto2b

Je n'arrive pas à comprendre comment marche les threads. Je suis débutant en developpement Android. Pourriez vous me montrer du concret s'il vous plait ?

Ici

http://a-renouard.developpez.com/tut...rogressdialog/

et ici

http://davy-leggieri.developpez.com/...oid/ui-thread/

Code:

1
2
3
4
5
6
7
8
 //Création et exécution d'un nouveau thread
                new Thread(new Runnable() {
            		@Override
            		public void run() {
                		// Ton MediaPlayer
                                 UpdateIHM(resultat);
            		}
                }).start();

Voilà mon code avec le thread, est ce bon ?

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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
package com.chants;
 
import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.TextView;
 
public class LectureChantActivity extends Activity
{
 
 
// Déclaration des image bouton pour la lecture des chants
private ImageView mLecture;
private ImageView mPause;
private ImageView mStop;
 
//Déclaration du Lecteur audio
private MediaPlayer mP = null;
 
@Override
public void onCreate(Bundle savedInstanceState)
	{
	super.onCreate(savedInstanceState);
	requestWindowFeature(Window.FEATURE_NO_TITLE);
	setContentView(R.layout.lecture_chant);
 
	// Liaison des déclaration au imge du xml
	mLecture = (ImageView)findViewById(R.id.lecture);
    mPause = (ImageView)findViewById(R.id.pause);
    mStop = (ImageView)findViewById(R.id.stop);
 
 
	 Bundle b = getIntent().getExtras();
	 // Déclarations des strings
	 String titre = b.getString("titre");
	 final String lien = b.getString("lien");	 
	 String paroles = b.getString("paroles");	 
	 // Liaison avec les TextViews
	 TextView chant_titre = (TextView)findViewById(R.id.titre);
	 chant_titre.setText(titre);
 
	 TextView chant_paroles = (TextView)findViewById(R.id.paroles);
	 chant_paroles.setText(paroles);
 
	 new Thread(
	 new Runnable()
	 {
 	public void run() { 
 
 	// Si aucun chants n'est lancer on lance la sélection
 				if(mP == null)
 				{
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 				// Si un chant est en cours de lecture il est stopper puis le chant sélectionné est lancer
 				else
 				{
 					mP.stop();
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 
 
 			// Lancement de la lecture 
 				mLecture.setOnClickListener(
 		        	new OnClickListener() {
 					public void onClick(View v) {
 						if(mP != null)
 						{
 							mP.start();
 						}
 					}
 				});
 
 				// Mise en pause de la lecture
 				mPause.setOnClickListener(
 		        	new OnClickListener() {
 					public void onClick(View v) {
 						if(mP != null)
 						{
 							mP.pause();
 						}
 					}
 				});
 
 				// Arret de la lecture
 				mStop.setOnClickListener(
 		        	new OnClickListener() {
 					public void onClick(View v) {
 						if(mP != null)
 						{
 							mP.stop();
 							mP = null;
 						}
 					}
 				});
 
 
 	}
     }
	 ).start();
 
	}
 
 
 
 
}

20/12/2011, 16h42
Feanorin

Citation:

Voilà mon code avec le thread, est ce bon ?

Juste un avis, je pense que sortir la gestion des listeners (lecture, pause , ...) du Thread serait mieux.

Voilà j'ai déclarer une progessBar et dans le Oncreate j'ai spécifier les options mais je ne sais pas comment l'adapter dans mon thread. Pourriez vous me montrer comment ca marche ? Merci.

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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
package com.chants;
 
import android.app.Activity;
import android.app.ProgressDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.TextView;
 
public class LectureChantActivity extends Activity
{
 
 
// Déclaration des image bouton pour la lecture des chants
private ImageView mLecture;
private ImageView mPause;
private ImageView mStop;
 
//Déclaration du Lecteur audio
private MediaPlayer mP = null;
private ProgressDialog progressDialog;
 
@Override
public void onCreate(Bundle savedInstanceState)
	{
	super.onCreate(savedInstanceState);
	requestWindowFeature(Window.FEATURE_NO_TITLE);
	setContentView(R.layout.lecture_chant);
 
	// Liaison des déclaration au imge du xml
	mLecture = (ImageView)findViewById(R.id.lecture);
    mPause = (ImageView)findViewById(R.id.pause);
    mStop = (ImageView)findViewById(R.id.stop);
 
 
	 Bundle b = getIntent().getExtras();
	 // Déclarations des strings
	 String titre = b.getString("titre");
	 final String lien = b.getString("lien");	 
	 String paroles = b.getString("paroles");	 
	 // Liaison avec les TextViews
	 TextView chant_titre = (TextView)findViewById(R.id.titre);
	 chant_titre.setText(titre);
 
	 TextView chant_paroles = (TextView)findViewById(R.id.paroles);
	 chant_paroles.setText(paroles);
 
 
	progressDialog = new ProgressDialog(this);
	// On ajoute un message à notre progress dialog
	progressDialog.setMessage("Chargement en cours");
	// On donne un titre à notre progress dialog
	progressDialog.setTitle("Mon chargement");
	// On spécifie le style 
	progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
	// On affiche notre message
	progressDialog.show();
	 new Thread(
	 new Runnable()
	 {
 	public void run() { 
 
 	// Si aucun chants n'est lancer on lance la sélection
 				if(mP == null)
 				{
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 				// Si un chant est en cours de lecture il est stopper puis le chant sélectionné est lancer
 				else
 				{
 					mP.stop();
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 
 	}
     }
	 ).start();
 
 
 
	// Lancement de la lecture 
		mLecture.setOnClickListener(
      	new OnClickListener() {
			public void onClick(View v) {
				if(mP != null)
				{
					mP.start();
				}
			}
		});
 
		// Mise en pause de la lecture
		mPause.setOnClickListener(
      	new OnClickListener() {
			public void onClick(View v) {
				if(mP != null)
				{
					mP.pause();
				}
			}
		});
 
		// Arret de la lecture
		mStop.setOnClickListener(
      	new OnClickListener() {
			public void onClick(View v) {
				if(mP != null)
				{
					mP.stop();
					mP = null;
				}
			}
		});
 
	}
 
 
 
 
}

22/12/2011, 11h50
Feanorin

Bonjour,

Tu as un exemple dans le tutoriel sur les UIThread ;).
http://davy-leggieri.developpez.com/...oid/ui-thread/

A toi dans le thread lorsque tu penses que le player est lancé de mettre à jour ton IHM ( supprimer ta progress ).

L'exemple du UpateIHM est un bon exemple ;).

Après il existe d'autres solutions, mais celle ci reste simple à mettre en place.

Voilà j'ai réussi a adapter à ma situation la ProgressBar et mon Thread.
Mais voilà maintenant j'ai un problème au niveau de mon lecteur. Lorsque que je met les méthodes mP.start, mP.pause et mP.stop mon application plante.

Voici le 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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
package com.chants;
 
import android.app.Activity;
import android.app.ProgressDialog;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.TextView;
 
public class LectureChantActivity extends Activity {
	private ProgressDialog progressDialog;
	private MediaPlayer mP = null;
	// Déclaration des image bouton pour la lecture des chants
	private ImageView mLecture;
	private ImageView mPause;
	private ImageView mStop;
	@Override
    public void onCreate(Bundle savedInstanceState) 
	{
        super.onCreate(savedInstanceState);
        setContentView(R.layout.lecture_chant);
        progressDialog = new ProgressDialog(this);
        Bundle b = getIntent().getExtras();
 
	    // Déclarations des strings
        String titre = b.getString("titre");
	    String lien = b.getString("lien");
		String paroles = b.getString("paroles");
 
		 // Liaison avec les TextViews
		 TextView chant_titre = (TextView)findViewById(R.id.titre);
		 chant_titre.setText(titre);
		 TextView chant_paroles = (TextView)findViewById(R.id.paroles);
		 chant_paroles.setText(paroles);
 
 
		 traitementDesDonnees(lien);
 
 
    }
 
 
	private void traitementDesDonnees(final String lien) {
 
		// On ajoute un message à notre progress dialog
		progressDialog.setMessage("Chargement du chant");
		// On affiche notre message
		progressDialog.show();
 
		new Thread(new Runnable() {
			public void run() {
				// Si aucun chants n'est lancer on lance la sélection
 				if(mP == null)
 				{
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 				// Si un chant est en cours de lecture il est stopper puis le chant sélectionné est lancer
 				else
 				{
 					mP.stop();
 					try{
 						mP=new MediaPlayer();	
 						mP.setDataSource(lien);
 						mP.prepare();
 						mP.start();
 					} catch (Exception e) {}
 				}
 
 				// A la fin du traitement, on fait disparaitre notre message
				progressDialog.dismiss();
			}
		}).start();
 
 
		// Lancement de la lecture 
				mLecture.setOnClickListener(
		        	new OnClickListener() {
					public void onClick(View v) {
						if(mP != null)
						{
							mP.start();
						}
					}
				});
 
				// Mise en pause de la lecture
				mPause.setOnClickListener(
		        	new OnClickListener() {
					public void onClick(View v) {
						if(mP != null)
						{
							mP.pause();
						}
					}
				});
 
				// Arret de la lecture
				mStop.setOnClickListener(
		        	new OnClickListener() {
					public void onClick(View v) {
						if(mP != null)
						{
							mP.stop();
							mP = null;
						}
					}
				});
 
	}
 
 
}

22/12/2011, 14h29
Feanorin

Bonjour,

Pourrais tu nous poster ton logcat s'il te plaît ?
22/12/2011, 14h48
anto2b

1 pièce(s) jointe(s)

Je vous ai mis en pièce jointe mon LogCat. Je ne sais pas comment l'exporter avec du texte désolé.
22/12/2011, 15h49
anto2b

L'erreur était toute bete. Je n'avais pas lié les ImageView. Merci de votre aide.
22/12/2011, 15h53
Feanorin

:D Vive le logcat.

Penses à tagger ton post avec le bouton :resolu: si tu as la réponse à ta question.

Bonne journée
22/12/2011, 16h10
anto2b

Une dernière chose , j'aimerais que lorsque j'appuie sur le bouton retour le chant s'arrete, y'a t'il un moyen ?
22/12/2011, 16h21
Feanorin

:D.

Comment implémenter l'action du bouton retour :
http://www.developpez.net/forums/d11...fleche-retour/