Problème pour déclarer un SurfaceView

**Bebuck** · 25/08/2014, 21h47

Bonsoir tout le monde,
je suis entrain de continuer le développement de mon petit jeu pour Android, et jusqu’à la tout allais pas trop mal.
Mais voilà qu'un petit problème se pose. J'ai une classe qui étend SurfaceView comme suit :

Code :

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

public class LabyrintheView extends SurfaceView implements SurfaceHolder.Callback

dans mon code actuellement j'appel la chose ainsi depuis une autre classe :

Code :

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

1
2
3
4
5
 
private LabyrintheView mView = null;
 
mView = new LabyrintheView(this);
setContentView(mView);

De cette manière le jeu fonctionne pas trop mal (mon personnage se déplace, mais il se dessine sur la fenêtre entière, cachant tous mes boutons).

J'ai donc voulu dessiner dans une vue, et suite aux conseils qu'on m'a donné dans un autre post, j'ai mis LabyrintheView dans mon XML, implémenter tous les constructeurs nécessaire, et j'ai essayé d'appeler LabyrintheView de cette façon :

Code :

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

mView = (LabyrintheView) findViewById(R.id.draw);

Et la catastrophe, le personnage ne bouge plus, bien que je n'ai pas de message d'erreur.

Quelqu'un saurait m'expliquer pourquoi le simple fait de remplacer les deux lignes précédentes par mView = (LabyrintheView) findViewById(R.id.draw) change le fonctionnement ?

Merci d'avance pour vos explications

**Bebuck** · 26/08/2014, 20h57

Rebonjour,
en me relisant je me suis rendu compte que mon message n'est pas très clair quand on a pas le nez dans le code

Je vais donc essayer de ré expliquer la situation

En fait je suis entrain de faire un petit jeu 2D pour apprendre le fonctionnement des jeux vidéo, et pour faire un peu de Java pendant mes vacances.
J'ai donc suivi un tuto, et copié les sources :

Après avoir compris le fonctionnement du jeu, j'ai commencé à modifier le code pour faire mon jeu.

Le petit problème que dans la version du tuto, le moteur graphique qui dessine les éléments à l'écran (décrit dans la classe LabyrintheView), dessine sur la totalité de l'écran, ce qui est normal, puisque aucune zone ne lui a été spécifié.

Pour corrigé ce problème, j'ai modifier le XML d'origine :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
 
</LinearLayout>

de la manière suivante :

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
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <sdz.chapitreCinq.LabyrintheView
        android:id="@+id/draw"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/button1"
        android:layout_toLeftOf="@+id/bUp"
        android:background="@drawable/fondmenu" />
 
</RelativeLayout>

Pour que "sdz.chapitreCinq.LabyrintheView" fonctionne, j'ai ajouté des constructeurs dans la classe LabyrintheView :

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
public LabyrintheView(Context pContext) {
		super(pContext);
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mPaint = new Paint();
		mPaint.setStyle(Paint.Style.FILL);
 
		Bitmap mur = BitmapFactory.decodeResource(getResources(), R.drawable.mur);
        int taillePerso = mur.getWidth()/2;
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
	}
 
	public LabyrintheView(Context context, AttributeSet attrs) {
		super(context, attrs);
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mPaint = new Paint();
		mPaint.setStyle(Paint.Style.FILL);
 
		Bitmap mur = BitmapFactory.decodeResource(getResources(), R.drawable.mur);
        int taillePerso = mur.getWidth()/2;
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
	}
 
	public LabyrintheView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mPaint = new Paint();
		mPaint.setStyle(Paint.Style.FILL);
 
		Bitmap mur = BitmapFactory.decodeResource(getResources(), R.drawable.caissevide);
        int taillePerso = mur.getWidth()/2;
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
	}

Et du coup dans mon activité, je ne créer plus LabyrintheView à la main comme avant :

Code :

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

1
2
3
 
mView = new LabyrintheView(this);
setContentView(mView);

Mais en utilisant le fichier XML :

Code :

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

mView = (LabyrintheView) findViewById(R.id.draw);

Je supposais que de la sorte, le bon constructeur de LabyrintheView était appelé tout seul, mais quand je lance mon jeu, mon personnage ne bouge plus.
Donc il dois y avoir une erreur quelques part, mais je ne vois pas vraiment où

Voilà, j'espère avoir été un peu plus claire sur mon problème

**Bebuck** · 03/09/2014, 21h02

Bonjour,
étant donné que je galère encore et toujours sur mon problème de vue, je vais mettre le code complet, dans l'espoir d'avoir une réponse

Le fichier XML :

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
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/fondmenu"
    android:orientation="vertical" >
 
 <Button
        android:id="@+id/bUp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/up"
        android:onClick="onClickUp"
        android:visibility="invisible" />
 
    <Button
        android:id="@+id/bMute"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/mute"
        android:onClick="onClickMute" />
 
    <Moteurs.LabyrintheView
        android:id="@+id/draw"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/fondmenu" />
 
</RelativeLayout>

Le moteur graphique du jeu LabyrintheView :

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
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
package Moteurs;
 
import java.util.List;
 
import sdz.chapitreCinq.Bloc;
import sdz.chapitreCinq.Personnage;
import LabyWay.Activity.R;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
 
public class LabyrintheView extends SurfaceView implements SurfaceHolder.Callback {
	Personnage mBoule;
	private Bitmap mur, personnage;
 
	public Personnage getBoule() {
		return mBoule;
	}
 
	public void setPersonnge(Personnage pBoule) {
		this.mBoule = pBoule;
	}
 
	SurfaceHolder mSurfaceHolder;
	DrawingThread mThread;
 
	private List<Bloc> mBlocks = null;
 
	public List<Bloc> getBlocks() {
		return mBlocks;
	}
 
	public void setBlocks(List<Bloc> pBlocks) {
		this.mBlocks = pBlocks;
	}
 
	public LabyrintheView(Context pContext) {
		super(pContext);
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mur = BitmapFactory.decodeResource(getResources(), R.drawable.caissevide);
		personnage = BitmapFactory.decodeResource(getResources(), R.drawable.fantface);
 
        int taillePerso = personnage.getWidth();
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
		System.out.println("ccccc111111");
	}
 
	public LabyrintheView(Context context, AttributeSet attrs) {
		super(context, attrs);
 
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mur = BitmapFactory.decodeResource(getResources(), R.drawable.caissevide);
		personnage = BitmapFactory.decodeResource(getResources(), R.drawable.fantface);
 
		int taillePerso = personnage.getWidth();
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
		System.out.println("ccccc222222");
	}
 
	public LabyrintheView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		mSurfaceHolder = getHolder();
		mSurfaceHolder.addCallback(this);
		mThread = new DrawingThread();
 
		mur = BitmapFactory.decodeResource(getResources(), R.drawable.caissevide);
		personnage = BitmapFactory.decodeResource(getResources(), R.drawable.fantface);
 
        int taillePerso = personnage.getWidth();
 
        // Taille du perso, nb vie
		mBoule = new Personnage(taillePerso, 3);
		System.out.println("ccccc33333");
	}
 
 
 
	@Override
	protected void onDraw(Canvas pCanvas) {
		int x, y;
		Bitmap depart = BitmapFactory.decodeResource(getResources(), R.drawable.depart);
		Bitmap arrivee = BitmapFactory.decodeResource(getResources(), R.drawable.arrivee);
		Bitmap enigme = BitmapFactory.decodeResource(getResources(), R.drawable.enigmehdpi);
		// Dessiner le fond de l'écran en premier
		pCanvas.drawColor(R.color.Orange);
		if(mBlocks != null) {
			// Dessiner tous les blocs du labyrinthe
			for(Bloc b : mBlocks) {
				switch(b.getType()) {
				case DEPART:
					x = (int) b.getRectangle().left;
					y = (int) b.getRectangle().top;
					pCanvas.drawBitmap(depart,x,y,null);
					break;
				case ARRIVEE:
					x = (int) b.getRectangle().left;
					y = (int) b.getRectangle().top;
					pCanvas.drawBitmap(arrivee, x,y,null);
					break;
				case MUR:
					x = (int) b.getRectangle().left;
					y = (int) b.getRectangle().top;
					//mPaint.setColor(Color.BLACK);
					pCanvas.drawBitmap(mur, x,y,null);
					break;
				case ENIGME:
					x = (int) b.getRectangle().left;
					y = (int) b.getRectangle().top;
					//mPaint.setColor(Color.BLACK);
					pCanvas.drawBitmap(enigme, x,y,null);
					break;
				default:
					break;
				}
 
 
			}
		}
 
		// Dessiner la boule
		if(mBoule != null) {
			pCanvas.drawBitmap(personnage, mBoule.getCentreX(), mBoule.getCentreY(),null);
		}
	}
 
	@Override
	public void surfaceChanged(SurfaceHolder pHolder, int pFormat, int pWidth, int pHeight) {
		//
	}
 
	@Override
	public void surfaceCreated(SurfaceHolder pHolder) {
		mThread.keepDrawing = true;
		mThread.start();
		// Quand on crée la boule, on lui indique les coordonnées de l'écran
		if(mBoule != null ) {
			this.mBoule.setHeight(getHeight());
			this.mBoule.setWidth(getWidth());
		}
	}
 
	@Override
	public void surfaceDestroyed(SurfaceHolder pHolder) {
		mThread.keepDrawing = false;
		boolean retry = true;
		while (retry) {
			try {
				mThread.join();
				retry = false;
			} catch (InterruptedException e) {}
		}
 
	}
 
	@SuppressLint("WrongCall")
	private class DrawingThread extends Thread {
		boolean keepDrawing = true;
 
		@Override
		public void run() {
			Canvas canvas;
			while (keepDrawing) {
				canvas = null;
				try {
					canvas = mSurfaceHolder.lockCanvas();
					synchronized (mSurfaceHolder) {
						onDraw(canvas);
					}
				} finally {
					if (canvas != null) {
						mSurfaceHolder.unlockCanvasAndPost(canvas);
					}
				}
 
				// Pour dessiner à 100 fps
				try {
					Thread.sleep(10);
				} catch (InterruptedException e) {}
			}
		}
	}
}

Activité qui appel la vue (qui fonctionne mais que j'aimerais dessiner dans R.id.draw):

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
@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		Bitmap personnage = BitmapFactory.decodeResource(getResources(), R.drawable.fantface);
		taillePerso = personnage.getWidth();
 
		mView = new LabyrintheView(this);
		setContentView(mView);
 
		mEngine = new LabyrintheEngine(this);
 
		// taille d'une case, nb de vie
		Personnage b = new Personnage(taillePerso, 3);
		mView.setPersonnge(b);
		mEngine.setPersonnge(b);
 
		switch(Util.niveau) {
		case 0:
			width = 7;
			height = 7;
			break;
		case 1:
			width = 10;
			height = 7;
			break;
		case 2:
			width = 15;
			height = 7;
			break;
		default:
			width = 7;
			height = 7;
			break;
		}
 
		mList = mEngine.buildLabyrinthe(width, height);
		mView.setBlocks(mList);	
 
		Util.ptsEnigme = 0;
	}

La même activité, mais ou je dessine dans R.id.draw (Au lancement de l'appli le monde et bien dessiné, le moteur physique détecte les collisions, mais le personnage ne bouge pas)

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
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		Bitmap personnage = BitmapFactory.decodeResource(getResources(), R.drawable.fantface);
		taillePerso = personnage.getWidth();
		setContentView(R.layout.main);
		mView = (LabyrintheView) findViewById(R.id.draw);
 
 
		RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) mView.getLayoutParams();
 
		switch(Util.niveau) {
		case 0:
			width = 7;
			height = 7;
			break;
		case 1:
			width = 10;
			height = 7;
			break;
		case 2:
			width = 15;
			height = 7;
			break;
		default:
			width = 7;
			height = 7;
			break;
		}
 
		params.width = taillePerso*2*width;
		params.height = taillePerso*2*height;
		mView.setLayoutParams(params);
 
		mEngine = new LabyrintheEngine(this);
 
		// taille d'une case, nb de vie
		Personnage b = new Personnage(taillePerso, 3);
		mView.setPersonnge(b);
		mEngine.setPersonnge(b);
 
		mList = mEngine.buildLabyrinthe(width, height);
		mView.setBlocks(mList);	
 
		Util.ptsEnigme = 0;
	}

La seul différence se situe au début du code :

Ce qui marche :

Code :

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

1
2
3
 
		mView = new LabyrintheView(this);
		setContentView(mView);

Ce qui ne marche pas:

Code :

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

1
2
setContentView(R.layout.main);
		mView = (LabyrintheView) findViewById(R.id.draw);

J'ai fini par essayer de localiser le problème de manière bourine (avec des System.out.println), mais je n'ai rien trouvé d'anormal, du coup je commence à désespéré, surtout que le moteur graphique dessine bien le plateau, le moteur physique tourne normalement, mais le personnage ne bouge pas

**Bebuck** · 04/09/2014, 17h46

Me voila de retour, encore et toujours sur ce fichu problème.
J'ai peut être une piste, mais j'en suis vraiment pas sur, et je ne vois pas comment la tester.

Effectivement, je viens de remarquer que je créer ma vue dans mon activité principal (PlateauActivity) :

Code :

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

1
2
//setContentView(R.layout.main);
	mView = (LabyrintheView) findViewById(R.id.draw);

Mais j'initialise mon SurfaceHolder dans une autre classe, LabyrintheView ainsi :

Code :

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

1
2
3
4
public LabyrintheView(Context pContext) {
		super(pContext);
		mSurfaceHolder = getHolder();
 }

du coup est-il possible que mSurfaceHolder n'est pas le bon Holder (étant donné qu'il ne connait pas mView) ?

**Bebuck** · 05/09/2014, 19h55

De retour dans mon monologue qui n'avance pas beaucoup, je viens de remarquer que lorsque j'appuie sur le bouton visible de mon activité, le personnage change de position. C'est pas très pratique de devoir appuyer sur le bouton "Son muet" pour voir la nouvelle position du personnage, mais du coup ça ressemble fortement à un problème d'actualisation.
Je vois pas trop pourquoi vu qu'il n'y avait pas de problème avant.

**Bebuck** · 08/09/2014, 18h39

WWWWWWWWWWWWWWWWAOUUUUUU, après de nombreuses et nombreuses tentatives, je viens clôturer ce sujet qui n'a pas intéressé grand monde

En fais pl suffisait tout simplement de faire mView.postInvalidate dans la méthode onCreate de PlateauActivity.

Deux mots qui mon fait perdre tant de temps

Problème pour déclarer un SurfaceView

Composants graphiques Android

Discussions similaires

Partager

Partager