Canvas un peu particulié

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

Sur mon application Android, j'aimerais dessiner ceci :

A gauche c'est ce que j'ai actuellement, et à droite c'est ce que je voudrais obtenir. Sachant l'angle en rouge n'est pas fixe il va constamment changer.

Pièce jointe 170301
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 mPaint = new Paint(); mSecondPaint.setARGB(255, 255, 0, 0); mSecondPaint.setStrokeWidth(2.f); mSecondPaint.setAntiAlias(true); mSecondPaint.setStrokeCap(Paint.Cap.ROUND); RectF oval = new RectF(); int taille = 50; /* centerX et centerY sont le centre du cercle*/ oval.set(centerX - taille, centerY - taille, centerX + taille, centerY + taille); /* -90 pour démarrer en haut * l'angle entre 0 et 360 * true pour aller au centre */ canvas.drawArc(oval,-90,angle,true,mPaint);
Je ne trouve rien sur comment dessiner de l'extérieur du cercle vers sont centre sur une certaine distance !

Des idées ?

Cordialement

27/02/2015, 12h44
LeBzul

Salut,
Ce n'est peut etre pas la meilleur solution, mais il te suffit de dessiner un autre cercle blanc plus petit par dessus.
27/02/2015, 12h46
dragonxav72

1 pièce(s) jointe(s)

@LeBzul, non effectivement car je vais avoir plusieurs cercles, et actuellement il se superposent(ce qui n'est pas bon). Du coup ça me fait penser à l’opacité je vais aller jeter un œil de ce côté !

Du coup j'ai mes cercles qui s'écrasent mutuellement, avant je dessinais du plus petit au plus grand (au total 3 cercles) et j'ai inversé l'ordre de dessin, si bien que j'obtient :
Pièce jointe 170307

C'est presque ce dont j'ai besoin ;)
27/02/2015, 13h02
LeBzul

Ok,
Methode un peu plus compliqué, c'est d'utiliser Beizer :
http://android-coding.blogspot.fr/20...h-cubicto.html
27/02/2015, 14h15
dragonxav72

1 pièce(s) jointe(s)

Citation:

Envoyé par LeBzul

Ok,
Methode un peu plus compliqué, c'est d'utiliser Beizer :
http://android-coding.blogspot.fr/20...h-cubicto.html

Tu avais raison avec des cercles en noir ça fonctionne ;)

Pièce jointe 170315

Mais je vais regarder si je peux avoir un truc plus propre. Car il faut optimiser la batterie^^
27/02/2015, 14h43
Flodelarab

Bonjour,

tu sembles vouloir des jauges qui se superposent. Alors pourquoi tu ne fait pas des calques qui se superposent au lieu de faire un seul dessin ?
27/02/2015, 14h45
dragonxav72

Citation:

Envoyé par Flodelarab

Bonjour,

tu sembles vouloir des jauges qui se superposent. Alors pourquoi tu ne fait pas des calques qui se superposent au lieu de faire un seul dessin ?

Non à la base je ne veux pas qu'elles ce superposent mais il n'y a que comme ça que j'arrive à obtenir le bon résultat. Je vais regarder, avec quel composants tu fait ça ?
27/02/2015, 15h36
grunk

Tu peux jeter un oeil à ces projets :
https://github.com/ntoskrnl/AndroidWidgets
https://github.com/bilthon/Android-Speedometer

Dans l'idée ca s'approche de ce que tu veux faire , tu pourrais y trouver des solutions

Merci pour vos idées, finalement j'ai trouvé il faut modifier l'objet paint.

Code:

1
2
3
4
5
6
 
            mSecondPaint = new Paint();
            mSecondPaint.setARGB(255, 255, 0, 0);
            mSecondPaint.setAntiAlias(true);
            mSecondPaint.setStyle(Paint.Style.STROKE);
            mSecondPaint.setStrokeWidth(20);