Discussion :

[Mathieu.Nanoux]

Bonjour,

je commence le developpement en Flash pour les besoins au travail. J'ai un petit souci de confection graphique. Je dois pouvoir afficher dans une page un tableau à deux dimensions à la style Excel ?

Est-ce que c'est faisable ?

Merci beaucoup

[dom_dev]

bonjour si ta question est uniquement "Est-ce que c'est faisable ?" la réponse est oui.
Maintenant il y a plusieurs façons de le réaliser en fonction de ce que tu as vraiment besoin (ce que tu ne précises pas)... c'est à dire par exemple est ce qu'une fois que tu as affiché tes données dans le tableau est ce que tu veux que les utilisateurs ait les mêmes possibilités de traitement que s'ils avaient ouvert un fichier excel ?...

[Mathieu.Nanoux]

non, en fait, je veux simplement afficher un tableau, je n'aurai pas à modifier les données à l'intérieur.

Dans le tableau, j'aurai un grille avec affichage des lignes. Un entête de ligne dans un format d'affichage, un entête de colonne dans un autre format d'affichage et les données à l'interieur avec un code couleur.

[dom_dev]

ben dans ce cas il suffit de dessiner ton tableau et de placer des champs textes pour le remplir, je n'arrive pas à voir ou est la difficulté ?

[Mathieu.Nanoux]

c'était pour savoir en fait. J'étais arrivé a la même conclusion. Mais je découvre, et je viens juste de commencer la prog en Flash. sinon pour le tableau, il faut que je me fasse mon algorithme pour generer le tableau dynamiquement les lignes et tout, car le tableau peut ne pas avoir a chaque fois le meme nombre de ligne et le meme nombre de colonne.

[cornelis]

'lut,
peut-être ça t'aiderait :

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
var tailles:Array = [50, 150, 250, 350, 450];
var cellules:Array = new Array();
cellules.push(["", "ligne1", "ligne2"]);
cellules.push(["col1", "valeur", "valeur"]);
cellules.push(["col2", "valeur", "valeur"]);
cellules.push(["col3", "valeur", "valeur"]);
 
var top:Number = 10;
var hauteur_case:Number = 30;
var couleur_case_titre:Number = 0xBADCA3;
var couleur_case_valeur:Number = 0xC9D0E0;
 
var mc_tableau:MovieClip = this.createEmptyMovieClip("mc_tableau", 1);
var mc_lignes:MovieClip = mc_tableau.createEmptyMovieClip("mc_lignes", 1);
var mc_textes:MovieClip = mc_tableau.createEmptyMovieClip("mc_textes", 2);
for (var i:Number = 0; i < cellules.length; i++){
	for (var j:Number = 0; j < cellules[i].length; j++){
		creer_texte(mc_tableau.mc_textes, cellules[i][j], tailles[i], top + j*hauteur_case + 5, tailles[i + 1] - tailles[i], 12, true);
		creer_case(mc_tableau.mc_lignes, (i==0 or j==0 ? couleur_case_titre : couleur_case_valeur), tailles[i], top + j*hauteur_case, tailles[i+1], top + (j+1)*hauteur_case);
	}
}
 
function creer_case(mc:MovieClip, couleur:Number, x1:Number, y1:Number, x2:Number, y2:Number){
	mc.nb_cases = mc.nb_cases == undefined ? 1 : mc.nb_cases + 1;
	var mc_case:MovieClip = mc.createEmptyMovieClip("case_" + mc.nb_cases, mc.nb_cases);
	with (mc_case) {
		lineStyle(0, 0x000000, 100);
		beginFill(couleur);
		moveTo(x1, y1); lineTo(x1, y2); lineTo(x2, y2); lineTo(x2, y1); lineTo(x1, y1);
		endFill();
	}
}
 
function creer_texte(mc:MovieClip, texte:String, X:Number, Y:Number, W:Number, taille:Number, centre:Boolean){
	mc.nb_textes = mc.nb_textes == undefined ? 1 : mc.nb_textes + 1;
	var mc_txt:TextField = mc.createTextField("texte_" + mc.nb_textes, mc.nb_textes, X, Y, W, 200);
	mc_txt.multiline = true;
	mc_txt.wordWrap = true;
	mc_txt.html = true;
	var my_fmt:TextFormat = new TextFormat();
	my_fmt.size = taille;
	my_fmt.align = centre ? "center" : "left";
	mc_txt.htmlText = texte;
	mc_txt.setTextFormat(my_fmt);
}