Android dessine un cercle avec 2 couleurs (graphique)

C'est ma première question, ici, à stackoverflow.com donc excuse moi si je fais des trucs faux.

Je veux créer un cercle qui, en gros, c'est comme une barre de progression. Maintenant, je voudrais définir le pourcentage grâce à un code.

Ce que je veux réaliser est: https://raw.github.com/psud/Melde-App/master/res/drawable-hdpi/circlemiddle.png

Mes problèmes:

  1. Ne pouvez pas obtenir un cercle avec deux couleurs au travail (avez été la recherche de forums pendant des heures et ont trouvé des solutions à des problèmes similaires à la mienne, mais je ne peux pas mettre en oeuvre ces solutions que dans mon application. J'ai beaucoup lu sur la toile.drawArc(...) mais n'arrive pas à trouver comment l'utiliser).
  2. Comment est-il possible de mettre une toile dans une mise en page? (J'ai un xml de mise en page et de la toile doit être établi à l'intérieur d'une présentation spécifique, sans modifier le reste de la mise en page).

Grâce.

double possible de Tracer de Graphique à secteurs dans Android?

OriginalL'auteur patsud | 2013-11-01

  1. 19

    Ce n'est qu'une indication. C'est simplement un point de vue que tracer deux arcs de cercle dans le même rect: Premier arc s'étend de l'angle de 0 à 360. La seconde (au-dessus de la première) s'étend de 0 à un angle qui dépend du pourcentage.

    public class PercentView extends View {
public PercentView (Context context) {
super(context);
init();
}
public PercentView (Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public PercentView (Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
paint = new Paint();
paint.setColor(getContext().getResources().getColor(R.color.lightblue));
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
bgpaint = new Paint();
bgpaint.setColor(getContext().getResources().getColor(R.color.darkblue));
bgpaint.setAntiAlias(true);
bgpaint.setStyle(Paint.Style.FILL);
rect = new RectF();
}
Paint paint;
Paint bgpaint;
RectF rect;
float percentage = 0;
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//draw background circle anyway
int left = 0;
int width = getWidth();
int top = 0;
rect.set(left, top, left+width, top + width); 
canvas.drawArc(rect, -90, 360, true, bgpaint);
if(percentage!=0) {
canvas.drawArc(rect, -90, (360*percentage), true, paint);
}
}
public void setPercentage(float percentage) {
this.percentage = percentage / 100;
invalidate();
}
}

    Ajouter à votre disposition:

    <bla.bla.PercentView
android:id="@+id/percentview"
android:layout_width="100dp"
android:layout_height="100dp" />
    Génial Mec! Merci beaucoup! Une correction à votre code: À la " toile.drawArc(rect, -90, (360*pourcentage), true, peinture); " la 360 doit être remplacé par 3.6.
    A un petit bug: Lorsque je démarre l'Activité, seule la couleur de premier plan est affiché et l'arrière-plan reste transparent. Si je puis aller dans une Activité différente et puis de nouveau, la tarte est affichée correctement (maintenant l'arrière-plan devient également montré). Une idée de pourquoi ce qui se passe?

    OriginalL'auteur Sherif elKhatib

  2. 2

    Vous pouvez mettre en œuvre un graphique assez facilement avec cette bibliothèque (achartengine - https://code.google.com/p/achartengine/) au lieu de rouler votre propre solution.

    OriginalL'auteur Kai