如何以编程方式圆角并设置随机背景颜色

Question

我想对视图的角进行圆角处理，并在运行时根据内容更改视图的颜色。

TextView v = new TextView(context);
v.setText(tagsList.get(i));
if(i%2 == 0){
    v.setBackgroundColor(Color.RED);
}else{
    v.setBackgroundColor(Color.BLUE);
}

v.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
v.setPadding(twoDP, twoDP, twoDP, twoDP);               
v.setBackgroundResource(R.drawable.tags_rounded_corners);

我希望设置可绘制对象和颜色会重叠，但事实并非如此。无论我第二次执行哪个都是生成的背景。

有没有办法以编程方式创建这个视图，记住背景颜色要到运行时才会决定？

编辑：我现在只是在红色和蓝色之间交换以进行测试。稍后颜色将由用户选择。

编辑：

tags_rounded_corners.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners 
         android:bottomRightRadius="2dp" 
         android:bottomLeftRadius="2dp" 
         android:topLeftRadius="2dp" 
         android:topRightRadius="2dp"/>
</shape>

Answer 1

检索背景可绘制对象并设置其颜色，而不是 setBackgroundColor：

v.setBackgroundResource(R.drawable.tags_rounded_corners);

GradientDrawable drawable = (GradientDrawable) v.getBackground();
if (i % 2 == 0) {
  drawable.setColor(Color.RED);
} else {
  drawable.setColor(Color.BLUE);
}

此外，您可以在 tags_rounded_corners.xml 中定义填充：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <corners android:radius="4dp" />
  <padding
    android:top="2dp"
    android:left="2dp"
    android:bottom="2dp"
    android:right="2dp" />
</shape> 

Answer 2

设置圆角和向视图添加随机背景颜色的总体编程方法。 我没有测试过代码，但你明白了。

 GradientDrawable shape =  new GradientDrawable();
 shape.setCornerRadius( 8 );

 // add some color
 // You can add your random color generator here
 // and set color
 if (i % 2 == 0) {
  shape.setColor(Color.RED);
 } else {
  shape.setColor(Color.BLUE);
 }

 // now find your view and add background to it
 View view = (LinearLayout) findViewById( R.id.my_view );
 view.setBackground(shape);

这里我们使用渐变绘制，以便我们可以使用GradientDrawable#setCornerRadius，因为ShapeDrawable 不提供任何此类方法。

Answer 3

如果你没有中风，你可以使用

colorDrawable = resources.getDrawable(R.drawable.x_sd_circle); 

colorDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);

但这也会改变笔触颜色

Answer 4

我认为最快的方法是：

GradientDrawable gradientDrawable = new GradientDrawable(
            GradientDrawable.Orientation.TOP_BOTTOM, //set a gradient direction 
            new int[] {0xFF757775,0xFF151515}); //set the color of gradient
gradientDrawable.setCornerRadius(10f); //set corner radius

//Apply background to your view
View view = (RelativeLayout) findViewById( R.id.my_view );
if(Build.VERSION.SDK_INT>=16)
     view.setBackground(gradientDrawable);
else view.setBackgroundDrawable(gradientDrawable);    

Answer 5

您可以像这样使用DrawableCompat 更好地实现它：

Drawable backgroundDrawable = view.getBackground();             
DrawableCompat.setTint(backgroundDrawable, newColor);

Answer 6

您可以动态更改任何项目（布局、文本视图）的颜色。尝试下面的代码在布局中以编程方式设置颜色

在activity.java文件中

String quote_bg_color = "#FFC107"
quoteContainer= (LinearLayout)view.findViewById(R.id.id_quotecontainer);
quoteContainer.setBackgroundResource(R.drawable.layout_round);
GradientDrawable drawable = (GradientDrawable) quoteContainer.getBackground();
drawable.setColor(Color.parseColor(quote_bg_color));

在drawable文件夹中创建layout_round.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryLight"/>
    <stroke android:width="0dp" android:color="#B1BCBE" />
    <corners android:radius="10dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

activity.xml 文件中的布局

<LinearLayout
        android:id="@+id/id_quotecontainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

----other components---

</LinearLayout>

Answer 7

这是一个使用扩展的示例。 这假设视图具有相同的宽度和高度。

需要使用布局更改监听器来获取视图大小。 然后你可以在这样的视图上调用它myView.setRoundedBackground(Color.WHITE)

fun View.setRoundedBackground(@ColorInt color: Int) {
    addOnLayoutChangeListener(object: View.OnLayoutChangeListener {
        override fun onLayoutChange(v: View?, left: Int, top: Int, right: Int, bottom: Int, oldLeft: Int, oldTop: Int, oldRight: Int, oldBottom: Int) {

            val shape = GradientDrawable()
            shape.cornerRadius = measuredHeight / 2f
            shape.setColor(color)

            background = shape

            removeOnLayoutChangeListener(this)
        }
    })
}

Answer 8

将@cimlman 的comment 复制到顶级答案中以获得更多可见性：

PaintDrawable(Color.CYAN).apply {
  setCornerRadius(24f)
}

仅供参考：ShapeDrawable（及其子类型 PaintDrawable）使用默认的固有宽度和高度 0。如果可绘制对象未显示在您的用例中，您可能需要手动设置尺寸：

PaintDrawable(Color.CYAN).apply {
  intrinsicWidth = -1
  intrinsicHeight = -1
  setCornerRadius(24f)
}

-1 是一个神奇的常数，表示 Drawable 没有自己的固有宽度和高度 (Source)。

Answer 9

因为问题已经回答了。但我有一点调整

GradientDrawable drawable = (GradientDrawable) ContextCompat.getDrawable(context, R.drawable.YOUR_DRAWABLE).mutate();

你可以改变圆角半径：

drawable.setCornerRadius(YOUR_VALUE);

改变颜色：

drawable.setColor(Color.YOUR_COLOR);

一个可变的drawable保证不与任何其他drawable共享它的状态。因此，如果您在不使用 mutate() 的情况下更改半径，您也可能会更改其他状态。它最适合特定视图。

最后别忘了设置drawable。

this.setBackground(drawable);