Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


Cómo crear ProgressBar circular en android?

¿Tienes alguna idea de cómo hacer una barra de progreso circular como la de la aplicación de Google Fit? Como la imagen de abajo.

Introduzca aquí la descripción de la imagen

  • ¿Cómo hacer Android ProgressBar determinado en el código?
  • Cómo cambiar el color del círculo ProgressDialog predeterminado en android
  • Cómo acceder a la carpeta de descargas en android?
  • ¿Cómo hacer que ProgressBar deje de girar?
  • Cómo cambiar el color de progreso de la barra de progreso en Android
  • Cómo cambiar ProgressDialog Spinner color en Android?
  • ¿Cómo crear un ProgressBar mediante programación?
  • Barra de progreso de Android con relleno
  • 2 Solutions collect form web for “Cómo crear ProgressBar circular en android?”

    Puedes probar esta biblioteca Circle Progress

    Introduzca aquí la descripción de la imagen

    Introduzca aquí la descripción de la imagen

    Nota: siempre utilice el mismo ancho y la misma altura para las vistas de progreso

    CircularProgress:

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

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

    Es fácil crearlo usted mismo

    En su diseño incluyen el siguiente ProgressBar con un dibujable específico ( tenga en cuenta que debe obtener el ancho de las dimensiones en su lugar ). El valor máximo es importante aquí:

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

    Ahora cree el dibujable en sus recursos con la siguiente forma. Juega con el radio (puedes usar innerRadius lugar de innerRadiusRatio ) y los valores de grosor.

    Circular (Pre Lollipop OR Nivel API <21)

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

    Circular (> = Lollipop O Nivel de API> = 21)

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

    UseLevel es "false" por defecto en el API Level 21 (Lollipop).

    Comenzar la animación

    A continuación, en su código, utilice un ObjectAnimator para animar el campo de progreso del ProgessBar de su diseño.

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

    Detener la animación

     progressBar.clearAnimation(); 

    PS a diferencia de los ejemplos anteriores, da una animación suave.

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.