Как создать круговой ProgressBar в android?

Question

Есть ли у вас какие-либо идеи, как сделать круговой индикатор выполнения, как приложение Google Fit? Как изображение ниже.

Answer 1

Вы можете попробовать эту Circle Progress библиотеку

NB: всегда используйте одинаковую ширину и высоту для прогресса просмотров

DonutProgress:

<com.github.lzyzsd.circleprogress.DonutProgress 
     android:id="@+id/donut_progress" 
     android:layout_marginLeft="50dp" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     custom:circle_progress="20"/> 

CircleProgress:

<com.github.lzyzsd.circleprogress.CircleProgress 
     android:id="@+id/circle_progress" 
     android:layout_marginLeft="50dp" 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     custom:circle_progress="20"/> 

ArcProgress:

<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"/> 

Answer 2

Это легко создать это самостоятельно

В вашем макете указаны следующие ProgressBar с конкретным рисунком (), вы должны получить ширину от размеров вместо). Здесь важно максимальное значение:

<ProgressBar 
    android:id="@+id/progressBar" 
    style="?android:attr/progressBarStyleHorizontal" 
    android:layout_width="150dp" 
    android:layout_height="150dp" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:max="500" 
    android:progress="0" 
    android:progressDrawable="@drawable/circular" /> 

Теперь создайте вытягиваемые в своих ресурсах следующие формы. Играйте с радиусом (вы можете использовать innerRadius вместо innerRadiusRatio) и значения толщины.

круговой (Предварительно леденец ИЛИ уровень API < 21)

<shape 
     android:innerRadiusRatio="2.3" 
     android:shape="ring" 
     android:thickness="3.8sp" > 
     <solid android:color="@color/yourColor" /> 
    </shape> 

круговой (> = леденец ИЛИ уровень API> = 21)

<shape 
     android:useLevel="true" 
     android:innerRadiusRatio="2.3" 
     android:shape="ring" 
     android:thickness="3.8sp" > 
     <solid android:color="@color/yourColor" /> 
    </shape> 

useLevel является " false " по умолчанию в API Level 21 (Lollipop).

Start Animation

Далее в коде использовать ObjectAnimator анимировать поле ходе работы ProgessBar вашего макета.

ProgressBar progressBar = (ProgressBar) view.findViewById(R.id.progressBar); 
ObjectAnimator animation = ObjectAnimator.ofInt (progressBar, "progress", 0, 500); // see this max value coming back here, we animate towards that value 
animation.setDuration (5000); //in milliseconds 
animation.setInterpolator (new DecelerateInterpolator()); 
animation.start(); 

Stop Animation

progressBar.clearAnimation(); 

P.S. в отличие от приведенных выше примеров, она обеспечивает плавную анимацию.