2017-09-21 15 views
-2

Je suis en train de créer une barre de progression personnalisée dans mon application Android, mais je suis coincé dans l'application des coins sur la mise en page de progression.coins de mise en page personnalisée ne ProgressBar travail

Voici le résultat escompté: enter image description here

Mon code est le suivant:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:id="@android:id/background"> 
    <shape> 
     <padding 
      android:bottom="1dp" 
      android:left="1dp" 
      android:right="1dp" 
      android:top="1dp" /> 
     <solid android:color="@android:color/white" /> 
    </shape> 
</item> 

<item android:id="@android:id/progress" android:gravity="center"> 
    <clip> 
     <shape android:shape="rectangle"> 
      <corners 
       android:bottomRightRadius="20dp" 
       android:topRightRadius="20dp" /> 
      <solid android:color="#026B91" /> 
     </shape> 
    </clip> 
</item> 

Et le résultat de la mise en page du code: enter image description here

Je ne peux pas semblent faire le coin rond de la mise en page de progrès, j'ai essayé différentes approches bu Rien ne fonctionne. Qu'est-ce que je rate? Merci

+0

enlever le rembourrage 1dp. –

+0

Merci pour la réponse. Je ne l'affecte pas, plus j'ai besoin de ce rembourrage pour la conception prévue. – Phantom

+0

@Phantom supprime le rembourrage gauche et droit pour les coins. –

Répondre

-1

utilisation ci-dessous drawable que votre barre de progression drawable.

<?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="@color/progbar_color" /> 
    <corners android:radius="60dp"/> 
</shape> 
</item> 

<item 
android:id="@android:id/progress"> 
<clip> 
    <shape> 
     <solid 
      android:color="@color/progbar_track_color" /> 
     <corners android:radius="60dp"/> 
    </shape> 
</clip> 
</item> 

</layer-list> 
+0

Merci pour la réponse, mais cela ne fonctionne pas. – Phantom

+0

@pskink Merci, mais connaissez-vous une autre approche sur comment puis-je réaliser mon design? – Phantom

+0

@pskink Merci, j'ai essayé le mais ça ne marche pas. Merci pour l'autre réponse aussi, mais j'essaie de le faire via XML. Je suis toujours à la recherche d'une solution pour cela. – Phantom

-1

Essayez le code ci-dessous:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:id="@android:id/background"> 
    <shape> 
     <padding 
      android:bottom="1dp" 
      android:left="1dp" 
      android:right="1dp" 
      android:top="1dp" /> 
     <solid android:color="@android:color/white" /> 
    </shape> 
</item> 

<item android:id="@android:id/progress" android:gravity="center"> 
    <clip> 
     <shape android:shape="rectangle"> 
      <corners 
       android:radius="0dp" 
       android:bottomRightRadius="20dp" 
       android:topRightRadius="20dp" /> 
      <solid android:color="#026B91" /> 
     </shape> 
    </clip> 
</item> 

Mon expérience est que si vous souhaitez définir android:bottomRightRadius="20dp" et android:topRightRadius="20dp" vous devez définir android: rayon = "0DP" aussi.

+0

Merci, mais toujours le même résultat. – Phantom