Barra de progreso con esquinas redondeadas?
Estoy tratando de lograr este diseño de barra de progreso:
El código actual que tengo produce esto:
- Cómo crear barra de progreso de estilo horizontal mediante programación en Android?
- ¿Cómo colocar un ProgressBar dentro del ListView?
- Android: Inicia la barra de progreso circular desde la parte superior (270 °)
- Disposición de Android ProgressBar .xml
- Lollipop - Indeterminado ProgressBar cambio de color - Programaticamente
Este es el código:
<item android:id="@android:id/background"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/dirtyWhite"/> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="8dp"/> <solid android:color="@color/colorPrimaryDark"/> </shape> </clip> </item>
Mi barra de progreso:
<ProgressBar android:id="@+id/activeProgress" style="?android:attr/progressBarStyleHorizontal" android:layout_width="300dp" android:layout_height="wrap_content" android:layout_weight="1" android:progress="10" android:progressDrawable="@drawable/rounded_corners_progress_bar"/>
Intenté agregar el atributo <size>
en <shape>
en <clip
para hacer que la forma del progreso fuera un poco más pequeña, pero no funcionó. Además, la barra de progreso es plana y quiero ser curvada según el diseño. ¿Qué necesito cambiar para lograr el diseño?
- Barra de progreso personalizada para android
- Barra de progreso en el fondo del elemento de lista
- Cómo cambiar el color predeterminado del círculo ProgressBar en Android
- ¿Cuál es el significado de android: progressiveBarStyle atributo en ProgressBar?
- ProgressBar en ActionBar en Android L Vista previa
- ¿Cómo funciona ProgressBar?
- El indicador de progreso indeterminado ActionBarSherlock no desaparecerá en el simulador
- Android: establecer el color de forma programada a ProgressBar
¿Cómo hacer que la forma del progreso sea un poco más pequeña?
Necesita dar un poco de relleno al elemento de progreso, así:
<item android:id="@android:id/progress" android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp">
¿Cómo hacer que la barra de progreso se curve según el diseño?
Reemplace el elemento <clip></clip>
, con <scale android:scaleWidth="100%"></scale>
. Eso hará que la forma de mantener su forma a medida que crece – y no cortar. Desafortunadamente, tendrá un poco de efecto visual no deseado al principio – pues las esquinas de la forma no tienen bastante espacio para dibujar. Pero puede ser suficiente para la mayoría de los casos.
Código completo:
<item android:id="@android:id/background"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/dirtyWhite"/> </shape> </item> <item android:id="@android:id/progress" android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp"> <scale android:scaleWidth="100%"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/colorPrimaryDark"/> </shape> </scale> </item>
- Cómo mostrar el diálogo de publicación de Twitter Como Iphone
- ¿Cómo puedo guardar un mapa de bits con onRetainNonConfigurationInstance () para la orientación de la pantalla?