java - 以编程方式更改现有形状中的纯色

Question

我有一个带有自定义边框的圆形 View ，使用 CircularImageView 实现库并在 RecyclerView 中充气.到目前为止，我已经在其中放了一张图片，但现在我想用一个单色圆圈和上面的文字替换它。

我创建了以下形状(shape_colored_circle.xml):

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size
        android:height="70dp"
        android:width="70dp"/>
    <solid
        android:color="#00f"/>
</shape>

并添加了一个TextView连同 CircularImageView在FrameLayout :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical">

        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/card_thumbnail"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:src="@drawable/icon"
            app:civ_border="true"
            app:civ_border_color="@color/border_color"
            app:civ_border_width="2dp"
            app:civ_shadow="true"
            app:civ_shadow_color="@color/grey"
            app:civ_shadow_radius="10"
            android:contentDescription="@string/card_thumbnail"/>

        <TextView
            android:id="@+id/card_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="@string/app_name"
            android:textSize="18sp"
            android:textStyle="bold"/>

    </FrameLayout>

</LinearLayout>

我知道布局看起来有点奇怪(“为什么顶部 LinearLayout 是必需的？”)，但如果没有它， View 就不会出现在 RecyclerView 中而这种布局(取自图书馆的示例)满足了我们的需求。

在onBindViewHolder我将形状设置为 CircularImageView资源:

holder.thumbnail.setImageDrawable(activity.getResources().getDrawable(R.drawable.shape_colored_circle));

终于我看到了我所期待的。问题是我的可绘制对象预先设置了特定的颜色。因此，我尝试以编程方式创建一个形状:

GradientDrawable gd = new GradientDrawable();
gd.setShape(GradientDrawable.RECTANGLE);
gd.setColor(colors[position]);             //Getting the color from a predefined array of colors
holder.thumbnail.setImageDrawable(gd);

但是 View 只是变成了一个黑色的矩形。我尝试了更多以编程方式创建形状的解决方案(所有这些都非常相似)但无济于事 - 我要么看到一个黑色矩形，要么什么都看不到。

我做错了什么吗？有没有另一种方法来创建形状，或者有什么方法可以在运行时改变现有的形状？或者可能是一种完全不同的方式来实现所需的行为？

谢谢!

Answer 1

   <com.mikhaellopez.circularimageview.CircularImageView
    android:id="@+id/card_thumbnail"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:background="@drawable/shape_colored_circle" //Note
    android:contentDescription="@string/card_thumbnail"
    android:src="@drawable/icon"
    app:civ_border="true"
    app:civ_border_color="@color/border_color"
    app:civ_border_width="2dp"
    app:civ_shadow="true"
    app:civ_shadow_color="@color/grey"
    app:civ_shadow_radius="10"/>`

GradientDrawable gd = (GradientDrawable) holder.thumbnail.getBackground()
if (gd != null) {
  gd.mutate();
  gd.setColor(colors[position]);
}