基于值更改布局背景可绘制颜色

Question

所以我有一个Android应用程序，其中滑块用于设置多个参数的值。我正在使用＆＃34; Google Cards＆＃34;每个滑块框的布局类型。每张卡都是它自己的相对布局，包含在一个放置在ScrollView中的LinearLayout中。我想根据用户在卡片中设置的值来更改卡片的颜色，但是，我遇到的问题是背景的颜色是在卡片设计的XML中定义的。

如何根据用户在滑块上输入的值更改卡片设计的XML颜色？此外，有没有办法在更改颜色时具有渐变效果。例如，0可以是强烈的红色，10是强绿色，5是黄色，然后2.5是红色和黄色的混合，7.5是黄色和绿色的混合。

布局背景的XML：

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle"
        android:dither="true">
        <corners android:radius="2dp"/>
        <solid android:color="#ccc"/>
    </shape>
</item>

<item android:bottom="2dp">
    <shape android:shape="rectangle"
        android:dither="true">
        <corners android:radius="2dp"/>
        <solid android:color="@android:color/white"/>

        <padding android:bottom="8dp"
            android:left="8dp"
            android:right="8dp"
            android:top="8dp"/>
    </shape>
</item>
</layer-list>

相对布局XML：

<RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/bg_card"
                android:layout_marginBottom="4dp"
                android:layout_marginLeft="6dp"
                android:layout_marginRight="6dp"
                android:layout_marginTop="4dp"
                android:id="@+id/infoLayout">
</RelativeLayout>

卡片的样子：