2017-09-25 10 views
1

Je suis en train de créer une barre de progression comme l'image ci-dessous.Comment créer une barre de progression en forme d'arc dans Android?

Mes exigences sont les suivantes: 1. Je veux être en mesure de définir une valeur de progression par programme. 2. Je veux être en mesure de changer les couleurs de l'arc - à la fois celui d'arrière-plan (gris) et un premier plan (vert).

J'ai regardé dans les bibliothèques, mais trouvé aucune qui le font sous cette forme et le style particulier. Je ne suis pas assez compétent dans la création de tirages personnalisés pour être en mesure de créer cela par moi-même. Toute aide est appréciée!

enter image description here

Répondre

3

En plus de la réponse ci-dessus, vous pouvez également utiliser CircleProgress qui semble avoir quelque chose qui ressemble exactement à votre cas d'utilisation:

enter image description here

Utilisation:

<com.github.lzyzsd.circleprogress.ArcProgress 
    android:id="@+id/arc_progress" 
    android:background="#214193" 
    android:layout_marginLeft="50dp" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    custom:arc_progress="55" 
    custom:arc_bottom_text="MEMORY"/> 

En outre, si vous vérifiez la licence sur cette bibliothèque (en bas de leur fichier README), il semble que ce soit très favorable à l'utilisation comme vous le souhaitez.

+1

fonctionne comme un charme, merci! – blackout

2

Vous pouvez utiliser SeekArc. Il peut faire tout ce qu'il faut pour obtenir ce résultat.

Il ressemblerait à quelque chose comme ça

<com.triggertrap.seekarc.SeekArc 
    android:id="@+id/seekArc" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:padding="30dp" 
    seekarc:rotation="180" 
    seekarc:startAngle="30" 
    seekarc:sweepAngle="300" 
    seekarc:arcColor="@color/grey" 
    seekarc:progressColor="@color/green" 
    seekarc:touchInside="true" />