2012-06-06 13 views
7

tengo este códigomover mi progressbar con una imagen androide

es una barra de progreso que se llenan de un color rojo

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:id="@android:id/background"> 
     <shape> 
      <gradient 
      android:startColor="#c3c3c3" 
       android:centerColor="#c3c3c3" 
       android:centerY="0.75" 
       android:endColor="#7f7f7f" 
       android:angle="270"/> 
      <padding android:left="1dp" 
      android:top="1dp" 
      android:right="1dp" 
      android:bottom="1dp"/> 
     <corners android:radius="10dp"/> 
    </shape> 
</item> 

<item android:id="@android:id/secondaryProgress"> 
    <clip> 
     <shape> 
      <gradient 
       android:startColor="#234" 
       android:centerColor="#234" 
       android:centerY="0.75" 
       android:endColor="#a24" 
       android:angle="270"/> 
      <padding android:left="1dp" 
       android:top="1dp" 
       android:right="1dp" 
       android:bottom="1dp"/> 
      <corners android:radius="10dp"/> 
      </shape> 
    </clip> 
</item> 

<item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <gradient 
       android:startColor="#a42c48" 
       android:centerColor="#a42c48" 
       android:centerY="0.75" 
       android:endColor="#eb3e67" 
       android:angle="270"/> 
      <padding android:left="1dp" 
       android:top="1dp" 
       android:right="1dp" 
       android:bottom="1dp"/> 
      <corners android:radius="10dp"/> 
     </shape> 
    </clip> 
    </item> 
</layer-list> 

y se parecen a este

enter image description here

ahora desea agregar una imagen para mover al mismo tiempo que la barra de progreso se llena como en la imagen siguiente

enter image description here

por favor ayúdame

gracias de antemano

Respuesta

8

Tal vez usted podría estilo de una barra de búsqueda (en lugar de la barra de progreso) la utilización de su layerlist y añadir su imagen como el lavador pulgar?

<SeekBar 
    android:id="@+id/seekBar1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:thumb="@drawable/your_android_image" 
    android:progressDrawable="@drawable/your_layerlist_drawable"/> 
+0

gracias Damian por la respuesta. ¿Tiene un ejemplo de cómo hacerlo, por favor – japuentem

+0

Sí, acaba de actualizar mi respuesta anterior con el código – Damian

+0

Gracias de nuevo, permítame probar el código y publicar cualquier comentario – japuentem

6

creo que esta imagen en movimiento se puede hacer usando seekbar, esta imagen se llama thum dibujable

enter image description here

Puede probar este tutorial le ayudará mucho !!

establece el atributo seekbar android:thumb="@drawable/seek_thumb" para apuntar a la estirable que usted desea

+0

Muy buen ejemplo K_Anas, ahora tengo una mejor vista sobre seekbar – japuentem

+0

De nada! –

Cuestiones relacionadas