Android: vous cherchez un drawArc() la méthode de l'intérieur & extérieur rayon

J'ai le texte suivant affichage personnalisé:

Ce que j'ai réalisé à l'aide de la Toile drawArc() méthode. Cependant, avec cette drawArc() méthode que je ne peut pas limiter l'arc, le rayon intérieur.

Ce que j'aimerais avoir, c'est quelque chose comme ceci:

Android: vous cherchez un drawArc() la méthode de l'intérieur & extérieur rayon

où il y a seulement un anneau extérieur gauche.

Ce dont j'ai besoin est un drawArc() fonction où je peux mettre le rayon intérieur de l'arc. Quelqu'un une idée de comment faire cela?

(BTW, overpainting la zone intérieure ne fonctionne pas, car il doit être transparent. La peinture d'un cercle Color.TRANSPARENT après avoir peint le rouge et le bleu des cônes de ne pas supprimer l'ancienne couleur. Il met juste une autre couche sur le dessus, qui est transparente, et à travers laquelle je vois encore le rouge et le bleu)

Vous pouvez poster votre code plus tard, après avoir reçu votre dernière exigence? Merci
Quelqu'un sais comment faire lisser les bords de la réunion des angles, comme Dans mon cas, quand je vais faire une bague avec 4-5 égalité de la distribution et de différentes couleurs que je peux voir sur les bords

InformationsquelleAutor znq | 2010-10-06

2d android draw geometric-arc

30

Vous pouvez peindre sur la zone intérieure à l'aide de la PorterDuff xfermode appelé "Clair". Cela permettra d'effacer des pixels.
- C'est une solution possible. Mais que faire pour le cas, qu'il y a déjà quelque chose tiré dans le cercle intérieur, ce qui je ne veux pas avoir accepter la peinture et ni à je veux effacer les pixels et de les redessiner il?
- Tracer le cercle dans une vidéo ARGB8888 bitmap, faire de claires là-bas, puis dessiner l'image sur votre Toile. Et de cette façon vous aussi de ne pas avoir à redessiner le cercle à chaque fois.
- Ainsi, après l'étude de la façon de le faire, je suis un peu perdu: est un ARGB8888 bitmap "normal" Bitmap goo.gl/ygTn - et comment puis-je obtenir les mêmes fonctions de dessin comme je le fais avec de la Toile?
- Mise à jour: j'ai compris que je peux réellement faire de cette façon Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888); Toile c = nouvelle Toile(bm); et ensuite dessiner sur la Toile, ce qui va alors écrire la taille réelle des pixels sur l'image.
InformationsquelleAutor Romain Guy
71

Vous pouvez faire ceci:
```
    Paint paint = new Paint();
    final RectF rect = new RectF();
    //Example values
    rect.set(mWidth/2- mRadius, mHeight/2 - mRadius, mWidth/2 + mRadius, mHeight/2 + mRadius); 
    paint.setColor(Color.GREEN);
    paint.setStrokeWidth(20);
    paint.setAntiAlias(true);
    paint.setStrokeCap(Paint.Cap.ROUND);
    paint.setStyle(Paint.Style.STROKE);
    canvas.drawArc(rect, -90, 360, false, paint);
```
La clé est dans paint.setStyle(Paint.Style.STROKE);, c'cultures de l'arc du centre avec le coup que vous définissez dans setStrokeWidth (dans l'exemple dessine un arc de cercle avec un rayon de mRadius et 20px d'épaisseur).

Espère que cela aide!
- Fonctionne comme un charme! Parfois, j'oublie de soustraire le coup du récipient, et je reçois un recadrée cercle. Merci.
- Et si vous utilisez paint.setStrokeCap(Paint.Cap.BUTT); au lieu de paint.setStrokeCap(Paint.Cap.ROUND); vous obtenir exactement ce que la question voulez.
- Je pense que vous pouvez utiliser en toute sécurité canvas.drawArc(rect,0,360,false,paint); au lieu de -90
- Pouvez-vous définir un Dégradé de couleur (comme le shader) pour cela?
- cela devrait être la bonne réponse!
- Paint.Cap.BUTT est la valeur par défaut, de sorte que vous pourriez aussi bien il suffit de supprimer le paint.setStrokeCap(); ligne.
InformationsquelleAutor Racker

private static final float CIRCLE_LIMIT = 359.9999f;
/**
* Draws a thick arc between the defined angles, see {@link Canvas#drawArc} for more.
* This method is equivalent to
* <pre><code>
* float rMid = (rInn + rOut) /2;
* paint.setStyle(Style.STROKE); //there's nothing to fill
* paint.setStrokeWidth(rOut - rInn); //thickness
* canvas.drawArc(new RectF(cx - rMid, cy - rMid, cx + rMid, cy + rMid), startAngle, sweepAngle, false, paint);
* </code></pre>
* but supports different fill and stroke paints.
* 
* @param canvas
* @param cx horizontal middle point of the oval
* @param cy vertical middle point of the oval
* @param rInn inner radius of the arc segment
* @param rOut outer radius of the arc segment
* @param startAngle see {@link Canvas#drawArc}
* @param sweepAngle see {@link Canvas#drawArc}, capped at &plusmn;360
* @param fill filling paint, can be <code>null</code>
* @param stroke stroke paint, can be <code>null</code>
* @see Canvas#drawArc
*/
public static void drawArcSegment(Canvas canvas, float cx, float cy, float rInn, float rOut, float startAngle,
float sweepAngle, Paint fill, Paint stroke) {
if (sweepAngle > CIRCLE_LIMIT) {
sweepAngle = CIRCLE_LIMIT;
}
if (sweepAngle < -CIRCLE_LIMIT) {
sweepAngle = -CIRCLE_LIMIT;
}
RectF outerRect = new RectF(cx - rOut, cy - rOut, cx + rOut, cy + rOut);
RectF innerRect = new RectF(cx - rInn, cy - rInn, cx + rInn, cy + rInn);
Path segmentPath = new Path();
double start = toRadians(startAngle);
segmentPath.moveTo((float)(cx + rInn * cos(start)), (float)(cy + rInn * sin(start)));
segmentPath.lineTo((float)(cx + rOut * cos(start)), (float)(cy + rOut * sin(start)));
segmentPath.arcTo(outerRect, startAngle, sweepAngle);
double end = toRadians(startAngle + sweepAngle);
segmentPath.lineTo((float)(cx + rInn * cos(end)), (float)(cy + rInn * sin(end)));
segmentPath.arcTo(innerRect, startAngle + sweepAngle, -sweepAngle);
if (fill != null) {
canvas.drawPath(segmentPath, fill);
}
if (stroke != null) {
canvas.drawPath(segmentPath, stroke);
}
}

Peut être étendu à l'ovale arc en dupliquant rInn et rOut pour les directions x et y.

N'était en effet pas partie de la question, mais rédiger un texte dans le milieu d'un segment:

textPaint.setTextAlign(Align.CENTER);
Path midway = new Path();
float r = (rIn + rOut) / 2;
RectF segment = new RectF(cx - r, cy - r, cx + r, cy + r);
midway.addArc(segment, startAngle, sweepAngle);
canvas.drawTextOnPath("label", midway, 0, 0, textPaint);

ce code est incroyable! Cependant j'ai une question, est-il une manière que je peux faire les lignes entre les cercles ont une couleur différente que le périmètre des cercles de couleur?
vous aurez à diviser segmentPath.*To() appels en plusieurs Paths et tirer chacun séparément avec votre sélectionnez l'avc couleurs. Vous pouvez faire ce que vous discribe avec 2 chemins: moveTo,lineTo,moveTo,lineTo et moveTo,arcTo,moveTo,arcTo. Vous devrez toujours garder l'actuel pour avoir quelque chose à se remplir.
Je "pense" j'ai vaguement compris. Depuis que j'ai encore besoin de votre aide, j'ai créé une autre question comme vous l'avez suggéré. Impatient pour votre aide. Voici le lien stackoverflow.com/questions/27850634/...
Il n'est pas nécessaire d'utiliser lineTo. Pour la deuxième arcTo() ajouter false comme un paramètre final; cela permettra de tracer une ligne à partir de la fin du premier arc au début de la seconde. Puis close() le chemin.

InformationsquelleAutor TWiStErRob

Vous pouvez essayer suivantes ShapeDrawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="oval" >
<size
android:height="56dp"
android:width="56dp" />
<stroke
android:width="10dp"
android:color="#0000ff" />
</shape>
</item>
<item>
<shape android:shape="oval" >
<size
android:height="24dp"
android:width="25dp" />
<stroke
android:dashGap="10dp"
android:dashWidth="10dp"
android:width="10dp"
android:color="#FF0000" />
</shape>
</item>

InformationsquelleAutor shailesh

de dessin de Cercle et Arc. le code suivant est peu sale, mais il peut aider à

        int sweepAngle sweepAngle = (360/7)%360;
int startAngle = -90;
int x = getWidth()/2;
int y = getHeight()/2;
int radius;
radius = getWidth()/2-50;
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(50);
paint.setColor(Color.WHITE);
paint.setColor(Color.parseColor("#CD5C5C"));
mBarPaintFill.setAntiAlias(true);
canvas.drawCircle(x , y , radius, paint);
paint.setColor(Color.BLUE);
for (int i = 1 ; i<=5 ; i++){
canvas.drawArc(x-radius,y-radius,x+radius,y+radius,startAngle,sweepAngle,false,paint);
startAngle = (startAngle + sweepAngle+20)%360;
}

Android: vous cherchez un drawArc() la méthode de l'intérieur & extérieur rayon

InformationsquelleAutor Irfan Ul Haq

Vous devez vous connecter pour publier un commentaire.