Comment créer de la circulaire de la barre de progression(graphique) comme indicateur - Android

Vous pouvez créer un affichage personnalisé (par exemple, PieProgressView) ou une personnalisée Drawable (par exemple PieProgressDrawable). J'ai pris l'affichage personnalisé approche, mais il est parfaitement viable.

Un rapide coup d'oeil à la source pour Android ProgressView donne une sauvagement mise en œuvre complexe. De toute évidence, ils couvrent l'ensemble de leurs bases, mais vous n'avez pas à écrire quelque chose de complexe. Nous avons vraiment seulement besoin de deux choses:

1. Un membre de garder une trace de l'évolution actuelle.
2. Une méthode pour dessiner la tarte basée sur l'état d'avancement.

Numéro un est facile, il suffit de garder un champ de membre qui permet de suivre le pourcentage actuel de la tarte à dessiner. Le numéro 2 est un peu plus compliqué, mais, heureusement, nous pouvons le faire avec les standards de la Toile dessiner des méthodes.

Idéalement, Android Toile classe fournit un drawArc() méthode. Vous pouvez l'utiliser pour obtenir votre Tarte effet. En supposant que nous stockées notre pourcentage dans un champ appelé mPercent comme flottant entre 0 et 1, une onDraw() méthode pourrait ressembler à ceci:

@Override
protected void onDraw(Canvas canvas) {

    final float startAngle = 0f;
    final float drawTo = startAngle + (mPercent * 360);

    //Rotate the canvas around the center of the pie by 90 degrees
    //counter clockwise so the pie stars at 12 o'clock.
    canvas.rotate(-90f, mArea.centerX(), mArea.centerY());
    canvas.drawArc(mArea, startAngle, drawTo, true, mPaint);

    //Draw inner oval and text on top of the pie (or add any other
    //decorations such as a stroke) here..
    //Don't forget to rotate the canvas back if you plan to add text!
    ...
}

Voici ce que le complété vue ressemble à un exemple d'application:

Modifier

Puisque l'envoi, j'ai décidé il n'y a vraiment aucune raison que vous devez mettre en œuvre un affichage personnalisé. Vous pouvez tout simplement utiliser un drawable et c'est au niveau de la propriété de faire exactement ce qui est nécessaire. J'ai fait un gist avec la pleine drawable.

Essayer ce morceau de code pour créer la circulaire de la barre de progression(graphique). transmettre la valeur entière de tirer combien de pour cent de la zone de remplissage. 🙂

private void circularImageBar(ImageView iv2, int i) {

    Bitmap b = Bitmap.createBitmap(300, 300,Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(b); 
    Paint paint = new Paint();

        paint.setColor(Color.parseColor("#c4c4c4"));
        paint.setStrokeWidth(10);
        paint.setStyle(Paint.Style.STROKE);
        canvas.drawCircle(150, 150, 140, paint);
        paint.setColor(Color.parseColor("#FFDB4C"));
        paint.setStrokeWidth(10);   
        paint.setStyle(Paint.Style.FILL);
        final RectF oval = new RectF();
        paint.setStyle(Paint.Style.STROKE);
        oval.set(10,10,290,290);
        canvas.drawArc(oval, 270, ((i*360)/100), false, paint);
        paint.setStrokeWidth(0);    
        paint.setTextAlign(Align.CENTER);
        paint.setColor(Color.parseColor("#8E8E93")); 
        paint.setTextSize(140);
        canvas.drawText(""+i, 150, 150+(paint.getTextSize()/3), paint); 
        iv2.setImageBitmap(b);
}

Même si c'est une vieille question, j'espère que cette réponse peut aider les futurs téléspectateurs.

Découvrez cette bibliothèque - https://github.com/lzyzsd/CircleProgress

Pour une simple circulaire progrès, dynamique ou statique, cette lib est assez simple et possède de nombreux attributs pour faciliter la personnalisation (comme la largeur du trait, de l'angle de départ, à l'intérieur d'arrière-plan, la couleur du texte, etc). Pour l'INTERFACE utilisateur de l'OP voulait atteindre cette bibliothèque, ce serait parfait.