progressBar的可拉伸图像源

Question

我在activity_main.xml文件中创建了进度条，如下所示：

 <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="fill_parent"
        android:layout_height="25dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" 
        android:max="100"
        android:progress="0"
        android:progressDrawable="@drawable/myprogdraw" />

然后我在drawable文件夹中创建了myprogdraw.xml以控制brogressBar设计，如下所示：

<item android:id="@android:id/background">
    <shape>
        <gradient
            android:angle="180"
            android:centerColor="#ddd"
            android:endColor="#888"
            android:startColor="#42a" />
    </shape>
</item>
<item android:id="@android:id/progress">
    <bitmap
        android:src="@drawable/prog"
        android:tileMode="repeat" />
</item>

并为此使用以下图像：

但是布局不符合要求，看起来像下面这样重复：

所以我怎样才能使位图的可伸缩性对于progressBar不可重复？

如上图所示，使用的图像是9色块图像，但没有任何变化。

Answer 1

因此，您可能正在使用bitmap元素。

解决方案1：

删除此文件（您实际上不需要 ）： myprogdraw.xml 。
只需使用这个： prog.9.png

像这样：

android:progressDrawable="@drawable/prog"

注意9补丁文件中的双扩展名 。

[编辑]

解决方案2：

如果您还想保留其他渐变作为背景，请将bitmap元素更改为nine-patch ：

<item android:id="@android:id/progress">
    <nine-patch
        android:src="@drawable/prog"
        android:dither="true"
    />
</item>

[编辑2]

解决方案3：

使用渐变色代替9色块。

<item android:id="@android:id/progress">
    <shape>
        <gradient
            android:angle="180"
            android:centerColor="#fe0"
            android:endColor="#f00"
            android:startColor="#0f0" />
    </shape>
</item>

Answer 2

最后，我弄清楚了，希望我的解决方案能帮助其他人。

这可以通过使用clip元素而不是bitmap元素来完成，这是layer-list的xml文件

<?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:angle="0"
                android:centerColor="#ddd"
                android:endColor="#999"
                android:startColor="#999" />

            <corners android:radius="5dp" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/progress" />

        <shape>
            <corners android:radius="5dp" />
        </shape>
    </item>

</layer-list>

作为快速测试，我建立了一个新的空项目，然后添加一个进度栏，并编辑文本以通过单击新按钮上的setProgress方法来使用它来控制进度栏值：

结果恰好想要，如下所示：

我注意到圆角适用于背景，但不适用于进度，这可能是另一个问题，需要另一个问题来解决，但是现在还可以。