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


Cómo implementar una barra de progreso circular de diseño de material en android

Quiero hacer una barra de progreso circular de diseño de material como la de Inbox por la aplicación de Gmail para Android. ¿Cómo puedo lograr esto (en los dispositivos pre-piruletas)?

Estoy tratando de lograr un efecto similar como este. Barra de progreso circular de Inbox by Gmail material design

  • Cómo crear el diseño de material como la barra de desplazamiento personalizado con números y alfabetos burbuja en recylerview
  • Convertir colorPrimary a colorPrimaryDark (cuánto más oscuro)
  • Cómo utilizar ActionBarActivity con Theme.Material
  • Diseño de patrón de diseño de cajón de navegación
  • Compatibilidad de diseño de material a versiones bajo Android 5.0?
  • Reproducción de material Android / Pausa Vector Animación dibujable
  • Cómo implementar el patrón "Loading images" (Opacity, Exposure and Saturation) de las nuevas directrices de diseño de materiales de Google
  • ¿Cómo agregar animación mientras que la barra de acción está cambiando su contenido con Appcompat?
  • 7 Solutions collect form web for “Cómo implementar una barra de progreso circular de diseño de material en android”

    Implementación agradable para la barra de progreso circular del diseño material (de rahatarmanahmed / CircularProgressView ),

    <com.github.rahatarmanahmed.cpv.CircularProgressView xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/progress_view" android:layout_width="40dp" android:layout_height="40dp" app:cpv_indeterminate="true"/> 

    Introduzca aquí la descripción de la imagen

    He backported los tres progresos de diseño de material a Android 4.0, que se puede utilizar como un reemplazo de reemplazo para ProgressBar regular, con exactamente la misma apariencia.

    Estos drawables también backported el teñido APIs (y soporte RTL), y utiliza ?colorControlActivated como el tinte predeterminado. Un widget MaterialProgressBar que extiende ProgressBar también se ha introducido por conveniencia.

    DreaminginCodeZH / MaterialProgressBar

    Este proyecto también ha sido adoptado por afollestad / material-dialogs for progress dialog.

    En Android 4.4.4:

    Android 4.4.4

    En Android 5.1.1:

    Android 5.1.1

     <ProgressBar android:id="@+id/loading_spinner" android:layout_width="wrap_content" android:layout_height="wrap_content" android:indeterminateTintMode="src_atop" android:indeterminateTint="@color/your_customized_color" android:layout_gravity="center" /> 

    El efecto se ve así:

    Img

    Aquí está una impresionante implementación de la barra de progreso intermedia circular de diseño de material https://gist.github.com/castorflex/4e46a9dc2c3a4245a28e . La implementación sólo le falta la capacidad de añadir varios colores como en la bandeja de entrada de la aplicación Android, pero esto hace un trabajo muy bueno.

    Además de la respuesta de cozeJ4 , aquí hay una versión actualizada de ese tema

    Original uno carecía de importaciones y contenía algunos errores. Éste está listo para usar.

    La plataforma utiliza un vector dibujable, por lo que no se puede volver a usar como en versiones anteriores.
    Sin embargo, el apoyo lib v4 contiene un backport de este dibujable: http://androidxref.com/5.1.0_r1/xref/frameworks/support/v4/java/android/support/v4/widget/MaterialProgressDrawable.java Tiene un @hide anotación (está aquí para el SwipeRefreshLayout), pero nada impide copiar esta clase en su codebase.

    Estaba buscando una manera de hacer esto usando xml simple, pero no pudo encontrar ninguna respuesta útil, así que surgió con esto.

    Esto funciona en las versiones pre-lollipop también, y está muy cerca de la barra de progreso de diseño de material. Sólo tiene que utilizar este drawable como el indeterminate drawable en el diseño de ProgressBar .

     <?xml version="1.0" encoding="utf-8"?><!--<layer-list>--> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="360"> <layer-list> <item> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="-90" android:toDegrees="-90"> <shape android:innerRadiusRatio="2.5" android:shape="ring" android:thickness="2dp" android:useLevel="true"><!-- this line fixes the issue for lollipop api 21 --> <gradient android:angle="0" android:endColor="#007DD6" android:startColor="#007DD6" android:type="sweep" android:useLevel="false" /> </shape> </rotate> </item> <item> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="270"> <shape android:innerRadiusRatio="2.6" android:shape="ring" android:thickness="4dp" android:useLevel="true"><!-- this line fixes the issue for lollipop api 21 --> <gradient android:angle="0" android:centerColor="#FFF" android:endColor="#FFF" android:startColor="#FFF" android:useLevel="false" /> </shape> </rotate> </item> </layer-list> </rotate> 

    Establezca lo anterior en ProgressBar como se indica a continuación:

      android:indeterminatedrawable="@drawable/above_drawable" 
    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.