Redimensionnement graphique

Version imprimable

30/11/2011, 13h07
samus35

Redimensionnement graphique

Bonjour, je développe une nouvelle application Android et je rencontre un soucis intéressant...

Mon application affiche un diagramme (des "lignes" horizontales, pour faire simple).
Je vais implémenter le multi touch pour permettre à l'utilisateur de zommer/dezommer (Pinch zoom que ca s'appellerait à priori).
Cela va donc élargir ou diminuer la "longueur" des lignes.

Je lis actuellement un super tuto (en anglais) : http://www.zdnet.com/blog/burnette/h...android-2/1747

Mon soucis est que ce dernier se base sur un ImageView et une matrice pour redimensionner.

Sachant que mes "lignes" vont représenter des taches et afficher aussi quelques données.

Voici une représentation sous PAINT (oui on découvre l'artiste) d'une ligne :
http://upload.dinhosting.fr/9/1/o/diagramme.png
Il faut imaginer 2 echelles : sur l'axe Y, le nom de la personne affectée à ces taches, sur l'axe X... c'est une échelle de temps.

Vous l'aurez remarqué, j'ai mis deux taches sur un même ligne... La première tache devrait "aussi" comporter une date. Bien entendu, le tout n'est pas à l'échelle ici (mais le sera sur l'appli). Ce qui m’intéresse c'est de "dessiner" les grand rectangles qui représentent chacun une tache. La longueur du rectangle est proportionnelle à la durée de la tache. Puis, mettre une sorte de titre coincé en haut à gauche du rectangle représentant la tache, et comme vous le voyez dans la seconde tache, des petits rectangles (ils ont un certaine signification). fixés en bas et dont leur place X doit être "précise".

j'ai pensé utiliser des layouts pour dessiner cela... Mais au niveau du redimensionnement sur des layouts... je n'ai aucune idée de comment faire.

Et vous, des solutions/idées à me proposer ?

note : peut etre faut-il dessiner grace à un "canevas" mais je connais pas du tout.
Note 2: je redimensionne en largeur. Pas en hauteur (enfin pas prévu pr l'instant).
Note 3: lorsque je redimensionne, l'échelle de temps sera elle aussi mise à jour pour passer d'une représentation de "jours" à "semaines" ou "mois" voir années. Mais, j'en fais mon affaire j'espère.
02/12/2011, 09h56
samus35

Bonjour,
personne n'a d'idées ou de solutions à me proposer pour m'aider à faire avancer le problème ?

J'explore diverses pistes.
J'ai pendant un temps pensé à finalement utiliser une Imageview et une matrice avec une image générée...en SVG. malheureusement ImageView ne supporte pas le SVG.

Je me suis aussi lancé dans un "trip" : Et un Webview ? je génère le diagramme en html (avec du css pour mettre en forme).
le soucis c'est au niveau du redimensionnement, vais-je pouvoir détecter la gestuelle et regenerer le code html "à la volée". Attention, je dois aussi refaire l'échelle des temps suivant l'échelle courante.

Dernière idée, utiliser une seekbar pour m'occuper du redimensionnement... en appellant une methode qui regenere tous les elements graphiques...Je vais voir.
02/12/2011, 14h35
Feanorin

Bonjour,

Ton idée via le Canvas reste à mon avis la solution la plus simple à mettre en place...

Après tu peux essayer de te créer une View personnaliser, tu pourras comme cela gérer le zoom sur celle ci via les méthodes, pour cela il faudra peut être utiliser la méthode http://developer.android.com/referen...sure(int, int) et en plus une scroll ...pour ce déplacer dans le zoom.

Citation:

J'ai pendant un temps pensé à finalement utiliser une Imageview et une matrice avec une image générée...en SVG. malheureusement ImageView ne supporte pas le SVG.

:D
Il y a un projet la dessus.
https://launchpad.net/libsvg-android

Citation:

le soucis c'est au niveau du redimensionnement, vais-je pouvoir détecter la gestuelle et regenerer le code html "à la volée". Attention, je dois aussi refaire l'échelle des temps suivant l'échelle courante.

C'est une idée, cela s'annonce à mon avis compliqué pour gérer les gestures, enfin peut être que je me trompe...

Citation:

Dernière idée, utiliser une seekbar pour m'occuper du redimensionnement... en appellant une methode qui regenere tous les elements graphiques...Je vais voir.

Cela revient vers l'histoire du canvas .... tu n'as pas besoin du seek bar , normalement cela ce fait sous Android avec des ZoomControls , ou avec la gesture (exemple maps).
02/12/2011, 15h26
samus35

Bien je vais tenter de me lancer dans le Canevas...
Auriez-vous un bon tuto à me conseiller ?

Pour l'instant je pars sur : http://developer.android.com/guide/t...-graphics.html

Je ne la connais pas du tout mais j'ai une vague idée de ce dont elle est capable.
Je vais voir ce que je peux en tirer mais j'attends toujours de nouvelles propositions au cas où.

hors sujet : Je me trompe où est-il aussi possible d'utiliser canevas pour réaliser quasi entièrement des jeux 2d ?
09/12/2011, 14h18
samus35

re bonjour Feanorin,
pourrais-tu me donner plus détails sur ta proposition :

Citation:

tu peux essayer de te créer une View personnaliser, tu pourras comme cela gérer le zoom sur celle ci via les méthodes, pour cela il faudra peut être utiliser la méthode http://developer.android.com/referen...sure(int, int) et en plus une scroll ...pour ce déplacer dans le zoom.

Je ne vois pas comment utiliser onMeasure pour gerer le zoom. (ni son interet).
j'ai compris que lors de la ré écriture de cette méthode, il fallait appeller setMeasuredDimension(...) mais c'est tout.

Concernant la scroll, tu voulais t'y prendre comment ? Moi j'ai utilisé OnGestureListener sur l'activité utilisant ma vue personnalisée.
09/12/2011, 14h47
Feanorin

Citation:

Je ne vois pas comment utiliser onMeasure pour gerer le zoom. (ni son interet).

La procédure onMeasure te permet de définir la taille associer à ta vue.
Donc plus tu augmente sa taille plus tu zoomera, rien de plus simple.

Citation:

j'ai compris que lors de la ré écriture de cette méthode, il fallait appeller setMeasuredDimension(...) mais c'est tout.

oui donc à toi de définir la nouvelle taille de ta vue en fonction du niveau de zoom.

Citation:

Concernant la scroll, tu voulais t'y prendre comment ? Moi j'ai utilisé OnGestureListener sur l'activité utilisant ma vue personnalisée.

Je pense que cela est une bonne idée. après tu peux toujours essayer de l'implémenter à partir d'une ScrollView mais sur ce point je ne me rappelle plus du résultat si tu changes la taille d'une des vue contenu. (il me semble que cela marche mais j'ai un gros doute).

Citation:

hors sujet : Je me trompe où est-il aussi possible d'utiliser canevas pour réaliser quasi entièrement des jeux 2d ?

Oui, c'est possible.
09/12/2011, 16h23
samus35

1 pièce(s) jointe(s)

Coucou.

Citation:

La procédure onMeasure te permet de définir la taille associer à ta vue.
Donc plus tu augmente sa taille plus tu zoomera, rien de plus simple.

D'accord, alors cela ne gère en rien la gestuelle de zoom. Elle ne va me servir que pour une application de dimensions. la gestuelle reste pour ma pomme ^^

J'ai déjà la "methode" pour gerer le zoom mais je me retrouve dans un cas... embêtant. En effet, suivant l'image jointe, dans l'activité j'ai une methode onTouch qui permet de detecter le zoom.
Lorsque je fais un mavueperso.setOnTouchListener(this);
Seules les "barres" jaune permettent de réaliser un drag et seul la zone "canvas" en gris permet de zoomer.
Si je commente cette ligne, je peux drager de partout ^^
mais plus zoomer :cry:
(même de toute manière, mon zoom actuel ne ma satisfait pas du tout).

bref, je continue mes pérégrinations dans les methodes et classes d'android afin de réaliser mon projet (qui commence à se faire un peu long).