将线性布局背景分成不同颜色的部分

Question

对于ListView，我想为各个ListView元素提供某种进度指示器 - 可以这么说，我需要一个进度条列表。 但是，每个listview元素都有TextView形式的文本覆盖，根本不应受进度条的影响。

我认为在这种情况下，图片可以说的不仅仅是文字，所以这里几乎是我想要的：

我知道我可以为个别LinearLayout添加“子布局”并以编程方式更改权重，看起来有点像这样：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

<LinearLayout
    android:id="@leftSide"
    android:background="@color/green"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="0.8" >
</LinearLayout>
<LinearLayout
    android:id="@rightSide"
    android:background="@color/red"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="0.2" >
</LinearLayout>

</LinearLayout>

然后以编程方式更改双方（已完成和未完成）的权重：

float weightLeft = 0.8f;
float weightRight = 1f-weightLeft;

android.widget.LinearLayout.LayoutParams paramsLeft = new android.widget.LinearLayout.LayoutParams(
        LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, weightLeft);
LinearLayout left = (LinearLayout) findViewById(R.id.leftside);
left.setLayoutParams(paramsLeft);

android.widget.LinearLayout.LayoutParams paramsRight = new android.widget.LinearLayout.LayoutParams(
        LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT, weightRight);
LinearLayout right = (LinearLayout) findViewById(R.id.rightside);
left.setLayoutParams(paramsRight);

但是 - 现在的问题是，如何使文本视图位于父线性布局上并忽略子LinearLayouts？

我还可以想象有一种方法可以使用drawables分割背景部分的分布，但我不知道如何做到这一点，特别是不能以编程方式。

感谢任何帮助！

Answer 1

尝试这个自定义Drawable，mFraction是[0..1]：

public class FractionDrawable extends Drawable {
    private Paint mPaint;
    private float mFraction;

    public FractionDrawable(float fraction) {
        mPaint = new Paint();
        setFraction(fraction);
    }

    public void setFraction(float fraction) {
        mFraction = fraction;
        invalidateSelf();
    }

    @Override
    public void draw(Canvas canvas) {
        Rect b = getBounds();
        mPaint.setColor(0xff00aa00);
        float x = b.width() * mFraction;
        canvas.drawRect(0, 0, x, b.height(), mPaint);
        mPaint.setColor(0xffaa0000);
        canvas.drawRect(x, 0, b.width(), b.height(), mPaint);
    }

    @Override
    public void setAlpha(int alpha) {
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }
}