如何动态改变形状颜色？

是的

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid
android:color="#FFFF00" />
<padding android:left="7dp"
android:top="7dp"
android:right="7dp"
android:bottom="7dp" />
</shape>


<TextView
android:background="@drawable/test"
android:layout_height="45dp"
android:layout_width="100dp"
android:text="Moderate"
/>

现在我希望这个形状能够根据我从 Web 服务调用中得到的信息改变颜色。所以它可能是黄色、绿色、红色或者其他什么颜色，这取决于我从 Web 服务调用中接收到的颜色。

我如何改变形状的颜色? 根据这些信息？

134621 次浏览
小开

您可以用 Java 构建自己的形状。 我为一个像 Page Controller 这样的 iPhone 做了这个，并用 Java 绘制了这些形状:

/**
* Builds the active and inactive shapes / drawables for the page control
*/
private void makeShapes() {


activeDrawable = new ShapeDrawable();
inactiveDrawable = new ShapeDrawable();
activeDrawable.setBounds(0, 0, (int) mIndicatorSize,
(int) mIndicatorSize);
inactiveDrawable.setBounds(0, 0, (int) mIndicatorSize,
(int) mIndicatorSize);


int i[] = new int[2];
i[0] = android.R.attr.textColorSecondary;
i[1] = android.R.attr.textColorSecondaryInverse;
TypedArray a = this.getTheme().obtainStyledAttributes(i);


Shape s1 = new OvalShape();
s1.resize(mIndicatorSize, mIndicatorSize);
Shape s2 = new OvalShape();
s2.resize(mIndicatorSize, mIndicatorSize);


((ShapeDrawable) activeDrawable).getPaint().setColor(
a.getColor(0, Color.DKGRAY));
((ShapeDrawable) inactiveDrawable).getPaint().setColor(
a.getColor(1, Color.LTGRAY));


((ShapeDrawable) activeDrawable).setShape(s1);
((ShapeDrawable) inactiveDrawable).setShape(s2);
}

希望这能帮上忙。 天啊，法比安

小开
最佳答案

您可以像这样简单地修改它

GradientDrawable bgShape = (GradientDrawable)btn.getBackground();
bgShape.setColor(Color.BLACK);
小开

对我来说，它崩溃是因为 getBackground返回的是 GradientDrawable而不是 ShapeDrawable。

所以我把它改成这样:

((GradientDrawable)someView.getBackground()).setColor(someColor);
小开 
    LayerDrawable bgDrawable = (LayerDrawable) button.getBackground();
final GradientDrawable shape = (GradientDrawable)
bgDrawable.findDrawableByLayerId(R.id.round_button_shape);
shape.setColor(Color.BLACK);
小开

对于我来说，使用初始的 xml 资源就可以了:

example.setBackgroundResource(R.drawable.myshape);
GradientDrawable gd = (GradientDrawable) example.getBackground().getCurrent();
gd.setColor(Color.parseColor("#000000"));
gd.setCornerRadii(new float[]{30, 30, 30, 30, 0, 0, 30, 30});
gd.setStroke(2, Color.parseColor("#00FFFF"), 5, 6);

以上结果: http://i.stack.imgur.com/hKUR7.png

小开

使用 android sdk v19，这个解决方案对我很有效:

//get the image button by id
ImageButton myImg = (ImageButton) findViewById(R.id.some_id);


//get drawable from image button
GradientDrawable drawable = (GradientDrawable) myImg.getDrawable();


//set color as integer
//can use Color.parseColor(color) if color is a string
drawable.setColor(color)
小开

如果你有一个这样的图片:

   <ImageView
android:id="@+id/color_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="10dp"
android:src="@drawable/circle_color"/>

它给它一个可绘制的形状作为 src，你可以使用这个代码来改变形状的颜色:

ImageView iv = (ImageView)findViewById(R.id.color_button);
GradientDrawable bgShape = (GradientDrawable)iv.getDrawable();
bgShape.setColor(Color.BLACK);
小开

也许其他人需要改变 XML 中的颜色，而不需要像我需要的那样创建多个绘图。然后创建一个不带颜色的圆形，然后为 ImageView 指定 backoundTint。

Xml

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

在你的 布局里:

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/circle"
android:backgroundTint="@color/red"/>

编辑:

关于这个方法有一个 臭虫阻止它在 Android Lollipop 5.0(API 级别21)上工作。但是已经在新版本中修复了。

小开

我的形状 xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid  android:color="@android:color/transparent" />
<stroke android:width="0.5dp" android:color="@android:color/holo_green_dark"/>
</shape>

我的活动 xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="cn.easydone.test.MainActivity">


<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">


<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />
<TextView
android:id="@+id/test_text"
android:background="@drawable/bg_stroke_dynamic_color"
android:padding="20dp"
android:text="asdasdasdasd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>


</android.support.design.widget.AppBarLayout>


<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="10dp"
android:clipToPadding="false"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />

我的活动 java:

 TextView testText = (TextView) findViewById(R.id.test_text);
((GradientDrawable)testText.getBackground()).setStroke(10,Color.BLACK);

结果图片: 结果

小开

Xml (可绘制)

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


<solid
android:color="#000"/>


<size
android:width="10dp"
android:height="10dp"/>
</shape>

布局

<ImageView
android:id="@+id/circleColor"
android:layout_width="15dp"
android:layout_height="15dp"
android:textSize="12dp"
android:layout_gravity="center"
android:layout_marginLeft="10dp"
android:background="@drawable/circle"/>

在活动中

   circleColor = (ImageView) view.findViewById(R.id.circleColor);
int color = Color.parseColor("#00FFFF");
((GradientDrawable)circleColor.getBackground()).setColor(color);
小开

我尝试罗尼的回答，我的应用程序崩溃了。然后我检查我的绘制 xml。它看起来像这样:

<selector >...</selector>

。我把它改为: (也改变了属性)

<shape> ... </shape>

有用。

对于那些遇到同样问题的人。

小开

用 半径填充形状的最简单方法是:

XML:

<TextView
android:id="@+id/textView"
android:background="@drawable/test"
android:layout_height="45dp"
android:layout_width="100dp"
android:text="Moderate"/>

Java:

(textView.getBackground()).setColorFilter(Color.parseColor("#FFDE03"), PorterDuff.Mode.SRC_IN);
小开

Drawable _ rectangle. xml

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


<solid android:color="@android:color/transparent" />


<stroke
android:width="1dp"
android:color="#9f9f9f" />


<corners
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="5dp" />


</shape>

文本视图

<androidx.appcompat.widget.AppCompatTextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/drawable_rectangle"
android:gravity="center"
android:padding="10dp"
android:text="Status"
android:textColor="@android:color/white"
android:textSize="20sp" />




public static void changeRectangleColor(View view, int color) {
((GradientDrawable) view.getBackground()).setStroke(1, color);
}


changeRectangleColor(textView, ContextCompat.getColor(context, R.color.colorAccent));
小开

您可以使用 绑定适配器(科特林)来实现这一点

@BindingAdapter("shapeColor")


// Method to load shape and set its color


fun loadShape(textView: TextView, color: String) {
// first get the drawable that you created for the shape
val mDrawable = ContextCompat.getDrawable(textView.context,
R.drawable.language_image_bg)
val  shape =   mDrawable as (GradientDrawable)
// use parse color method to parse #34444 to the int
shape.setColor(Color.parseColor(color))
}

在 res/draable 文件夹中创建一个可绘制的形状。我已经创建了一个圆

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<solid android:color="#anyColorCode"/>


<size
android:width="@dimen/dp_16"
android:height="@dimen/dp_16"/>
</shape>

最后参考你的观点

  <TextView>
.........
app:shapeColor="@{modelName.colorString}"
</Textview>

提交答案