Custom horizontal progress bar

Question

Hey, I just wrote a horizontal progress bar. This progress panel gets this background resource:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
    <inset xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/progress_bg" />
</item>
<item android:id="@android:id/progress" android:gravity="center">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <solid android:color="#FFF" />
        </shape>
    </clip>
</item>

This works fine, but the white progress is the same height as the background. But I want the progress to be less than the background of the progress bar, since the background has a border that should not overlap.

Any ideas? Thanks

Answer 1

http://developer.android.com/guide/topics/resources/drawable-resource.html#LayerList

You can try to add android:top, android:left, android:rightand android:bottomin the white progress bar itemto add padding to the panel.

<item android:id="@android:id/progress" android:gravity="center"
    android:top="2dp" android:left="2dp" android:right="2dp" android:bottom="2dp">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <solid android:color="#FFF" />
        </shape>
    </clip>
</item>

Answer 2

There is also:

<item android:id="@android:id/secondaryProgress"></item>

?

Answer 3

, .

Full xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
    <inset xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/progress_bg" />
</item>
<item android:id="@android:id/secondaryProgress" android:gravity="center">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <solid android:color="#FFF" />
        </shape>
    </clip>
</item>

Greetings

Answer 4

Hi, try adding a stroke that has no color (opacity max) I tried this code with my gradient progress bar:

    <?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>
            <corners android:radius="10dip" />
            <gradient
                android:angle="270"
                android:centerColor="#f8d79b"
                android:centerY="0.5"
                android:endColor="#f8d79b"
                android:startColor="#f8d79b" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <stroke
                    android:width="5px"
                    android:color="#00ffffff" />
                <corners android:radius="10dip" />
                <gradient
                    android:angle="0"
                    android:endColor="#ffac17"
                    android:startColor="#ffac17" />
            </shape>
        </clip>
    </item>
</layer-list>

so your code should look something like this:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
    <inset xmlns:android="http://schemas.android.com/apk/res/android"
        android:drawable="@drawable/progress_bg" />
</item>
<item android:id="@android:id/secondaryProgress" android:gravity="center">
    <clip>
        <shape>
           <stroke
                    android:width="5px"
                    android:color="#00ffffff" />
            <corners android:radius="5dip" />
            <solid android:color="#FFF" />
        </shape>
    </clip>
</item>

worked for me, hope this works for you: D