7
votes

Barre de progression Android avec rembourrage

Je veux faire que ma barre de progression ressemble à quelque chose comme ça:

Entrez la description de l'image ici

Je ne veux pas utiliser des images, j'ai donc essayé de faire cela avec les formes:

xxx

mais je ne peux pas mettre le rembourrage pour la ligne verte (ive essayé de définir son partout où il était possible), et aussi je ne peux pas Faites de tels coins rounds (ressemble à corners android: rayon ne fonctionne pas). S'il vous plaît aidez-moi


0 commentaires

4 Réponses :


0
votes

Malheureusement, je n'ai pas trouvé de solution pour mon problème. La seule façon de faire des coins rondes était d'utiliser une image arrondie à 9 halts

Il y a un bon tutoriel pour faire cela: http://blog.mediarain.com/2011/04/androïd-custom-progressar-pith-round-corns/


0 commentaires

7
votes

Une solution de contournement simple consiste à envelopper la barre de progression dans la disposition qui a une forme arrondie et la même couleur de fond que la barre de progression.

échantillon de barre de progression introactive (power / progres_bar.xml): p>

<!-- ... -->
      <LinearLayout                     
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:background="@drawable/rounded_shape"
                  android:layout_marginLeft="30dip"
                  android:layout_marginRight="30dip">
            <ProgressBar
                    android:id="@+id/testSummaryProgressBar"
                    android:progress="10"
                    style="@style/ProgressBarStyle"/>
        </LinearLayout>
<!-- ... -->


1 commentaires

Impressionnant! Tu as sauvé ma journée! +1



8
votes
<?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>
            <solid android:color="#222" />
            <corners android:radius="10dp" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <layer-list>
                <item>
                    <color android:color="#00000000" />
                </item>
                <item
                    android:left="5dp"
                    android:top="5dp"
                    android:right="5dp"
                    android:bottom="5dp">
                    <shape>
                        <solid android:color="#00FF00" />
                        <corners android:radius="10dp" />
                    </shape>
                </item>
            </layer-list>
        </clip>
    </item>
</layer-list>
see my blog

1 commentaires

Impressionnant..!! Cela aurait dû être la réponse acceptée.Merci beaucoup !! U a sauvé mon temps



1
votes

Oui, il est possible d'avoir exactement que sans utiliser une image comme @nykakin a suggéré. Avoir le [fort> rembourrage fort> et le coin arrondi strong> pour que la progression consiste à utiliser la liste de la liste pour la progression de l'élément.

<item android:id="@android:id/progress">
<clip>
  <layer-list>
       <-- transparent background  -->
   <item>
       <color android:color="#00000000" />
   </item>
   <-- padding -->
   <item  
      android:left="2dp"
      android:top="2dp"
      android:right="2dp"
      android:bottom="2dp">
    <shape>
        <corners android:radius="50dp" />

        <gradient
            android:angle="270"
            android:endColor="#9dfd6e"
            android:startColor="#16e61c" />
     </shape>
   </item>
  </layer-list>
</clip>


0 commentaires