2012-06-06 15 views
7

ho questo codicespostare il mio ProgressBar con un'immagine Android

è una barra di avanzamento che si riempiono di un colore rosso

<?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> 

e simile a questa

enter image description here

ora vuoi aggiungere un'immagine per muoverti allo stesso tempo la barra di avanzamento si riempie come l'immagine sottostante

enter image description here

aiutarmi

grazie in anticipo

risposta

8

Forse si potrebbe stile un SeekBar (invece di un ProgressBar) utilizzando la tua lista dei livelli e aggiungere l'immagine come scrubber pollice?

<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

grazie Damiano per la risposta. Hai un esempio su come farlo per favore – japuentem

+0

Sì, ho appena aggiornato la mia risposta sopra con il codice – Damian

+0

Grazie ancora, lasciami provare il codice e postare qualsiasi commento – japuentem

6

penso che questa immagine in movimento può essere fatto utilizzando SeekBar, questa immagine si chiama Thum drawable

enter image description here

Si può provare questo tutorial Essa vi aiuterà molto !!

impostare l'attributo SeekBar android:thumb="@drawable/seek_thumb" per puntare al drawable che desiderate

+0

Ottimo esempio K_Anas, ora ho un aspetto migliore sulla barra di ricerca – japuentem

+0

Sei il benvenuto !! –