Projet d'une application de Tarot !

**Ktalyst** · 28/03/2012, 18h54

Bonsoir !
J'expose mon petit soucis :
Nous avons comme projet de licence, une application de Tarot sous Android.
Le moteur de jeu est quasiment fini, l'IA avance, ainsi que la partie Serveur. Mais la partie affichage est beaucoup plus lente

Je cherche à afficher la main du joueur en bas de l'écran, les cartes se chevauchant un peu. Tout ce que j'ai réussi à faire, c'est ça :
(les cartes s'affichent en haut, et certaines sont en dehors de l'écran suivant le nombre affiché )

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
 
 LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        LinearLayout L1=new LinearLayout(this);
        	for(Carte c : main.getCartes() )
        	{
        		ImageView imgV = new ImageView(this);
        		try {
					imgV.setImageDrawable((new CarteGraphique(c.uid())).mImageView.getDrawable());
				} catch (CarteUIDInvalideException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
				}
        		imgV.setLayoutParams(params);
        		L1.addView(imgV, c.uid());
        	}
        setContentView(L1);

J'avoue, je test. Mais voilà, je ne trouve aucun tuto qui m'expliquerait comment gérer les paramètres du layout, etc...
Une petite aide serait la bienvenue !
Merci !

**Hizin** · 29/03/2012, 08h18

Question con qui n'apporte pas grand chose directement : pourquoi ne fais-tu pas ton layout (et tes interfaces, je suppose, par extension) en XML ?

**Ktalyst** · 03/04/2012, 23h30

Parce que dans ce cas là, je ne peux pas l'utiliser. La main du joueur va changer durant les différentes étapes du jeu. XML ne le gère pas. Non ?

**Hizin** · 04/04/2012, 07h42

Tu peux faire le conteneur en XML (le background, les layout qui vont bien, la mise en place ...), et rajouter ensuite les ImageView. Avec le bout de code que tu as mis, je ne sais pas si c'est ce que tu fais déjà ou pas.

Pour les paramètres des layout, je ne peux que te rediriger vers la doc : http://developer.android.com/guide/t...t-objects.html

Tu as juste ce souci de lenteur ? Ou tu as d'autre soucis ?

**Ktalyst** · 13/04/2012, 23h37

Bonsoir,
Je n'ai malheureusement pas pu répondre avant pour cause de déménagement.
Le projet tombe légèrement à l'eau. Le moteur du jeu de tarot est prêt (en console). Mais la partie graphique est tout sauf une partie de plaisir sur Android. Sincèrement, je ne vois pas du tout comment afficher la main d'un joueur, ni comment l'adapter suivant le nombre de cartes, ou encore comment interagir avec ses cartes (et oui, il faut bien que l'utilisateur puisse jouer...).

**nicroman** · 14/04/2012, 01h22

Pourtant cela ne doit pas être très compliqué....

Un linearlayout avec 26 "views"....
Chaque view contient une carte (la première contient la carte en entier, les suivantes juste le bord droit)....

Cela peut être fait a partir d'ImageView (et laisser la gestion de l'image à l'application), de classe héritée de ImageView (l'application n'ayant plus qu'à indiquer la carte à afficher)...
Et bien sur, quand pas de carte, passer la visilbility en "View.GONE"....

**Ktalyst** · 14/04/2012, 22h22

En xml ? Je suis perdue... Et je suis nulle en anglais, donc la documentation ne m'aide pas du tout...

**Ktalyst** · 14/04/2012, 23h06

J'ai créé un linearlayout avec quelques ImageViews. Mais je n'ai pas trouvé comment gérer l'espace.
Les cartes ne se superposent pas, et sur l'écran toutes les cartes ne s'affichent pas.

**nicroman** · 15/04/2012, 04h19

Oui il faut forcément n'afficher que le bord des cartes....

Sinon, il existe les "margins"... avec des valeurs négatives on peut faire en sorte que les views se superposent (mais pas très efficace coté mémoire).

**Ktalyst** · 15/04/2012, 20h52

Est ce qu'il y aurait possibilité pour que l'application gère l'affichage de 1 à 26 cartes correctement ?
Je ne sais pas à l'avance combien il y aura de cartes.

**Hizin** · 15/04/2012, 21h12

Ca va dépendre de ce que tu entends par "correctement".
Sinon, dans l'absolu, la réponse est : oui

**Ktalyst** · 15/04/2012, 22h01

Avec un joli HorizontalScrollView et quelques arrangements, je suis arrivée à un résultat plutôt concluant !
Pour tester, j'ai choisi une carte au hasard (ici excuse).
La question que je me pose désormais, est comment depuis le code java lui dire qu'à telle imageView je veux telle carte.
Cela risque d'être long surtout que la main du joueur change à chaque tour (une carte en moins).

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
    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true" >
 
        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal" >
 
            <ImageView
                android:id="@+id/imageCarte1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/excuse" 
                 android:layout_marginRight="-20dp" 
                android:clickable="true"/>
 
            <ImageView
                android:id="@+id/imageCarte2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/excuse" 
                android:layout_marginRight="-20dp"/>
 
            <ImageView
                android:id="@+id/imageCarte3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/excuse" 
                android:layout_marginRight="-20dp"/>            
 
            <ImageView
                ... /> //26 en tout
 
            </LinearLayout>
 
    </HorizontalScrollView>

**nicroman** · 16/04/2012, 01h58

Non...

Tu vas avoir un tableau de correspondance sans doute entre la ressource de la carte (R.drawable.????) et sa valeur, sa couleur, etc...

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
 
enum CardColor
{
      ATOUT,
      COEUR,
      CARREU,
      TREFLE,
      PIQUE
};
 
enum DrawableCard
{
      EXCUSE(ATOUT,0,R.drawable.xxxx),
      UN(ATOUT,1,R.drawable.xxx),
      ...
      VINGTETUN(ATOUT,21,R.drawable.xxx),
      AS_COEUR(COEUR,1,R.drawable.xxx),
      ...
      ROI_COEUR(COEUR,14,R.drawable.xxx),
      ...
 
      private CardColor color;
      private int          colorValue;
      private int          resource;
 
      DrawableCard(CardColor col, int value, int resId)
      {
          this.color = col;
          this.colorValue = value;
          this.resource= resId;
      }
 
      public int getResourceId()
      {
          return this.res;
      }
 
      public CardColor getColor()
      {
          return this.color;
      }
 
      public int getCardValue()
      {
          return this.colorValue;
       }
};

Déja entre une carte (DrawableCard) et son image... c'est bon...

Ensuite tu vas avoir un une "main"... Soit une ArrayList<> (ou une array tout court) de DrawableCard... A priori ordonnancée (quick sort) sur l'ordinal de DrawableCard:

Code :

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

1
2
 
ArrayList<DrawableCard>  mainJoueur;

Pour l'affichage il reste plus qu'à convertir:

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
 
for (int i = 0; (i < 26); ++i) {
     // on récupère la carte de la main... si plus de carte, card est 'null'.
     DrawableCard card = (i >= mainJoueur.length()) ? null : mainJoueur.getAt(i);
     // on construit le nom de l'id de l'image-view qui va contenir la carte.
     String imageViewIdName = "imageCarte"+Integer.toString(i);
     // on récupère son vrai "id".
     int imageViewId = R.id.class.getDeclaredField(imageViewIdName ).getInt(null);
     // on récupère l'imageView
     ImageView imageView = (ImageView) findViewById(imageViewId);
     // puis on la déclare visible ou non
     if (card == null) {
         imageView.setVisibility(View.GONE);
     } else {
         imageView.setVisibility(View.VISIBLE);
         // si visible on lui donne la bonne image....
         imageView.setDrawableResource(card.getResource());
     }
}

**Ktalyst** · 18/04/2012, 22h43

Merci, en arrangeant pour que le code fonctionne pour l'application, c'est parfait ! Je vais continuer dans cette direction et si je bloque de nouveau, je posterai mon soucis !
Merci encore !

**Ktalyst** · 27/04/2012, 22h04

Bonsoir, tout n'est pas si simple au final.
J'ai un problème d'affichage, quoique je fasse :

J'ai essayé différents positionnements, mais rien à faire, les cartes s'affichent n'importe comment. Elles doivent prendre toute la place dans le cadre gris.
Voici le code 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
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/mainLayout" >
 
    <!-- 
    <TextView
      android:id="@+id/text"
      android:text="Plateau"
      android:visibility="visible"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:gravity="center_horizontal"
      android:textColor="#88ffffff"
      android:textSize="24sp"/>
    -->
 
    <Button
        android:id="@+id/bLancer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:text="@string/lancer" />
 
    <ScrollView
        android:id="@+id/logSV"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/text"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_toLeftOf="@+id/bLancer" >
 
        <LinearLayout
            android:id="@+id/logLL"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
 
            <TextView
                android:id="@+id/log"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="" />
 
        </LinearLayout>
    </ScrollView>
 
 
 
    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_gravity="bottom"
        android:background="@drawable/border"
        android:fillViewport="true" >
 
        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal" >
 
            <ImageView
                android:id="@+id/imageCarte0"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
 
                android:clickable="true"/>
 
            <ImageView
                android:id="@+id/imageCarte1"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
 
                android:clickable="true"/>
 
            <ImageView
                android:id="@+id/imageCarte2"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte3"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />            
 
            <ImageView
                android:id="@+id/imageCarte4"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte5"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte6"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 android:visibility="gone"/>
 
            <ImageView
                android:id="@+id/imageCarte7"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />            
 
            <ImageView
                android:id="@+id/imageCarte8"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte9"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte10"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte11"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />            
 
            <ImageView
                android:id="@+id/imageCarte12"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte13"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte14"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte15"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />            
 
            <ImageView
                android:id="@+id/imageCarte16"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />   
 
            <ImageView
                android:id="@+id/imageCarte17"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte18"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte19"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte20"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />            
 
            <ImageView
                android:id="@+id/imageCarte21"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 /> 
 
            <ImageView
                android:id="@+id/imageCarte22"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte23"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                 />
 
            <ImageView
                android:id="@+id/imageCarte24"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />
 
            <ImageView
                android:id="@+id/imageCarte25"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                />            
 
            <ImageView
                android:id="@+id/imageCarte26"
                android:layout_width="wrap_content"
                android:layout_height="match_parent" 
                /> 
            </LinearLayout>
 
    </HorizontalScrollView>
 
    <TextView
        android:id="@+id/annonceS"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_above="@+id/horizontalScrollView1"
        android:layout_centerVertical="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <TextView
        android:id="@+id/annonceO"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <TextView
        android:id="@+id/annonceE"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <TextView
        android:id="@+id/annonceN"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
 </RelativeLayout>

Si quelqu'un a une idée pour améliorer l'affichage, je suis preneuse ! Merci !

Projet d'une application de Tarot !

Android

Discussions similaires

Partager

Partager